/* 
* @Title:  共用样式表
* @Author: 锐诺互动-技术支持
* @Date:   2019-01-30 14:00:00
* @Last Modified time: 
*/

/*reset*/
*{padding: 0;margin: 0;border: none;line-height: 1em;font-family:"Microsoft YaHei","Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;}
body{margin: 0 auto;overflow-x: hidden;}
ul,ol{list-style: none;}
a{text-decoration: none;color: inherit; }
img,input,select,textarea,button{display: block;border: none;outline: none;background-color: transparent;}
em,address,strong{font-style: normal;font-weight: normal; display: block; }
video{display: block;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
.clearfix{display: block;clear: both;}
::-webkit-input-placeholder {color: rgba(120,103,76,0.4);font-size: 14px;}
:-moz-placeholder {color:rgba(120,103,76,0.4);font-size: 14px;}
::-moz-placeholder {color:rgba(120,103,76,0.4);font-size: 14px;}
:-ms-input-placeholder {color:rgba(120,103,76,0.4);font-size: 14px;}
body ::-webkit-scrollbar{width: 4px;background-color:transparent;}
body ::-webkit-scrollbar-thumb{background-color:rgb(246,231,206);}
p strong{display:inline;}

.clearfix:after {display:block; height:0; clear:both; content:"\200B";}
.clearfix {*zoom:1;}/*IE/7/6*/ 

 

/*font*/
@font-face {
    font-family:'webfont-RUBIK-REGULAR';
    src: url(../font/RUBIK-REGULAR-WEBFONT.eot);
    src: url(../font/RUBIK-REGULAR-WEBFONT.eot?#iefix) format('embedded-opentype'),
    url(../font/RUBIK-REGULAR-WEBFONT.woff) format('woff'),
    url(../font/RUBIK-REGULAR-WEBFONT.ttf) format('truetype'),
    url(../font/RUBIK-REGULAR-WEBFONT.svg#RUBIK-REGULAR-WEBFONT) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'webfont-DIN-Medium';
    src: url(../font/DIN-Medium.eot);
    src: url(../font/DIN-Medium.eot?#iefix) format('embedded-opentype'),
    url(../font/DIN-Medium.woff) format('woff'),
    url(../font/DIN-Medium.ttf) format('truetype'),
    url(../font/DIN-Medium.svg#DIN-Medium) format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'webfont-Novecentowide';
    src: url(../font/Novecentowide-Book.eot);
    src: url(../font/Novecentowide-Book.eot?#iefix) format('embedded-opentype'),
    url(../font/Novecentowide-Book.woff) format('woff'),
    url(../font/Novecentowide-Book.ttf) format('truetype'),
    url(../font/Novecentowide-Book.svg#Novecentowide-Book) format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'webfont-HarabaraHand';
    src: url(../font/HarabaraHand.eot);
    src: url(../font/HarabaraHand.eot?#iefix) format('embedded-opentype'),
    url(../font/HarabaraHand.woff) format('woff'),
    url(../font/HarabaraHand.ttf) format('truetype'),
    url(../font/HarabaraHand.svg#HarabaraHand) format('svg');
    font-weight: normal;
    font-style: normal;
}

/*keyframes*/
@-webkit-keyframes h_fadeInUp{
    0% {opacity: 0;-webkit-transform: translate3d(0,100px,0);transform: translate3d(0,100px,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes h_fadeInUp{
    0% {opacity: 0;-webkit-transform: translate3d(0,100px,0);transform: translate3d(0,100px,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
.h_fadeInUp{
    -webkit-animation-name: h_fadeInUp;
    animation-name: h_fadeInUp;
}
@-webkit-keyframes h_fadeInUp40{
    0% {opacity: 0;-webkit-transform: translate3d(0,40px,0);transform: translate3d(0,40px,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes h_fadeInUp40{
    0% {opacity: 0;-webkit-transform: translate3d(0,40px,0);transform: translate3d(0,40px,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
.h_fadeInUp40{
    -webkit-animation-name: h_fadeInUp40;
    animation-name: h_fadeInUp40;
}
@-webkit-keyframes h_fadeInDown{
    0% {opacity: 0;-webkit-transform: translate3d(0,-100px,0);transform: translate3d(0,-100px,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes h_fadeInDown{
    0% {opacity: 0;-webkit-transform: translate3d(0,-100px,0);transform: translate3d(0,-100px,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
.h_fadeInDown{
    -webkit-animation-name: h_fadeInDown;
     animation-name: h_fadeInDown;
}
@-webkit-keyframes h_fadeInLeft{
    0% {opacity: 0;-webkit-transform: translate3d(-100px,0,0);transform: translate3d(-100px,0,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes h_fadeInLeft{
    0% {opacity: 0;-webkit-transform: translate3d(-100px,0,0);transform: translate3d(-100px,0,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
.h_fadeInLeft{
    -webkit-animation-name: h_fadeInLeft;
    animation-name: h_fadeInLeft;
}
@-webkit-keyframes h_fadeInRight{
    0% {opacity: 0;-webkit-transform: translate3d(100px,0,0);transform: translate3d(100px,0,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes h_fadeInRight{
    0% {opacity: 0;-webkit-transform: translate3d(100px,0,0);transform: translate3d(100px,0,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
.h_fadeInRight{
    -webkit-animation-name: h_fadeInRight;
    animation-name: h_fadeInRight;
}
@-webkit-keyframes h_zoomIn{
    0% {opacity: 0;-webkit-transform: scale(0,0);transform: scale(0,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes h_zoomIn{
    0% {opacity: 0;-webkit-transform: scale(0,0);transform: scale(0,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
.h_zoomIn{
    -webkit-animation-name: h_zoomIn;
    animation-name: h_zoomIn;
}
@-webkit-keyframes h_fadeIn{
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes h_fadeIn{
    0% {opacity: 0;}
    100% {opacity: 1;}
}
.h_fadeIn{
    -webkit-animation-name: h_fadeIn;
    animation-name: h_fadeIn;
}
@-webkit-keyframes h_rotate{
    0% {opacity: 0;-webkit-transform: rotate(90deg);transform: rotate(90deg);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes h_rotate{
    0% {opacity: 0;-webkit-transform: rotate(90deg);transform: rotate(90deg);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
.h_rotate{
    -webkit-animation-name: h_rotate;
    animation-name: h_rotate;
}
@-webkit-keyframes h_rotate0{
    0% {opacity: 0;-webkit-transform: rotate(0deg) translate(0,40px);transform: rotate(0deg) translate(0,40px);}
    100% {opacity: 1;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
}
@keyframes h_rotate0{
    0% {opacity: 0;-webkit-transform: rotate(0deg) translate(0,40px);transform: rotate(0deg) translate(0,40px);}
    100% {opacity: 1;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
}
.h_rotate0{
    -webkit-animation-name: h_rotate0;
    animation-name: h_rotate0;
}
@-webkit-keyframes h_rotate72{
    0% {opacity: 0;-webkit-transform: rotate(72deg) translate(0,40px);transform: rotate(72deg) translate(0,40px);}
    100% {opacity: 1;-webkit-transform: rotate(72deg);transform: rotate(72deg);}
}
@keyframes h_rotate72{
    0% {opacity: 0;-webkit-transform: rotate(72deg) translate(0,40px);transform: rotate(72deg) translate(0,40px);}
    100% {opacity: 1;-webkit-transform: rotate(72deg);transform: rotate(72deg);}
}
.h_rotate72{
    -webkit-animation-name: h_rotate72;
    animation-name: h_rotate72;
}
@-webkit-keyframes h_rotate144{ 
    0% {opacity: 0;-webkit-transform: rotate(144deg) translate(0,40px);transform: rotate(144deg) translate(0,40px);}
    100% {opacity: 1;-webkit-transform: rotate(144deg);transform: rotate(144deg);}
}
@keyframes h_rotate144{ 
    0% {opacity: 0;-webkit-transform: rotate(144deg) translate(0,40px);transform: rotate(144deg) translate(0,40px);}
    100% {opacity: 1;-webkit-transform: rotate(144deg);transform: rotate(144deg);}
}
.h_rotate144{
    -webkit-animation-name: h_rotate144;
    animation-name: h_rotate144;
}
@-webkit-keyframes h_rotate216{
    0% {opacity: 0;-webkit-transform: rotate(216deg) translate(0,40px);transform: rotate(216deg) translate(0,40px);}
    100% {opacity: 1;-webkit-transform: rotate(216deg);transform: rotate(216deg);}
}
@keyframes h_rotate216{
    0% {opacity: 0;-webkit-transform: rotate(216deg) translate(0,40px);transform: rotate(216deg) translate(0,40px);}
    100% {opacity: 1;-webkit-transform: rotate(216deg);transform: rotate(216deg);}
}
.h_rotate216{
    -webkit-animation-name: h_rotate216;
    animation-name: h_rotate216;
}
@-webkit-keyframes h_rotate288{
    0% {opacity: 0;-webkit-transform: rotate(288deg) translate(0,40px);transform: rotate(288deg) translate(0,40px);}
    100% {opacity: 1;-webkit-transform: rotate(288deg);transform: rotate(288deg);}
}
@keyframes h_rotate288{
    0% {opacity: 0;-webkit-transform: rotate(288deg) translate(0,40px);transform: rotate(288deg) translate(0,40px);}
    100% {opacity: 1;-webkit-transform: rotate(288deg);transform: rotate(288deg);}
}
.h_rotate288{
    -webkit-animation-name: h_rotate288;
    animation-name: h_rotate288;
}
@-webkit-keyframes h_fadeInUp0{
    0% {opacity: 0;-webkit-transform:translate(0,40px);transform:translate(0,40px);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes h_fadeInUp0{
    0% {opacity: 0;-webkit-transform:translate(0,40px);transform:translate(0,40px);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
.h_fadeInUp0{
    -webkit-animation-name: h_fadeInUp0;
    animation-name: h_fadeInUp0;
}
@-webkit-keyframes h_rotate1{
    0% {opacity: 0;-webkit-transform: rotate(0deg) translate(0,110px);transform: rotate(0deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
}
@keyframes h_rotate1{
    0% {opacity: 0;-webkit-transform: rotate(0deg) translate(0,110px);transform: rotate(0deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
}
@-webkit-keyframes h_rotate2{
    0% {opacity: 0;-webkit-transform: rotate(36deg) translate(0,110px);transform: rotate(36deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(36deg);transform: rotate(36deg);}
}
@keyframes h_rotate2{
    0% {opacity: 0;-webkit-transform: rotate(36deg) translate(0,110px);transform: rotate(36deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(36deg);transform: rotate(36deg);}
}
@-webkit-keyframes h_rotate3{
    0% {opacity: 0;-webkit-transform: rotate(72deg) translate(0,110px);transform: rotate(72deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(72deg);transform: rotate(72deg);}
}
@keyframes h_rotate3{
    0% {opacity: 0;-webkit-transform: rotate(72deg) translate(0,110px);transform: rotate(72deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(72deg);transform: rotate(72deg);}
}
@-webkit-keyframes h_rotate4{
    0% {opacity: 0;-webkit-transform: rotate(108deg) translate(0,110px);transform: rotate(108deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(108deg);transform: rotate(108deg);}
}
@keyframes h_rotate4{
    0% {opacity: 0;-webkit-transform: rotate(108deg) translate(0,110px);transform: rotate(108deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(108deg);transform: rotate(108deg);}
}
@-webkit-keyframes h_rotate5{
    0% {opacity: 0;-webkit-transform: rotate(144deg) translate(0,110px);transform: rotate(144deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(144deg);transform: rotate(144deg);}
}
@keyframes h_rotate5{
    0% {opacity: 0;-webkit-transform: rotate(144deg) translate(0,110px);transform: rotate(144deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(144deg);transform: rotate(144deg);}
}
@-webkit-keyframes h_rotate6{
    0% {opacity: 0;-webkit-transform: rotate(180deg) translate(0,110px);transform: rotate(180deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(180deg);transform: rotate(180deg);}
}
@keyframes h_rotate6{
    0% {opacity: 0;-webkit-transform: rotate(180deg) translate(0,110px);transform: rotate(180deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(180deg);transform: rotate(180deg);}
}
@-webkit-keyframes h_rotate7{
    0% {opacity: 0;-webkit-transform: rotate(216deg) translate(0,110px);transform: rotate(216deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(216deg);transform: rotate(216deg);}
}
@keyframes h_rotate7{
    0% {opacity: 0;-webkit-transform: rotate(216deg) translate(0,110px);transform: rotate(216deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(216deg);transform: rotate(216deg);}
}
@-webkit-keyframes h_rotate8{
    0% {opacity: 0;-webkit-transform: rotate(252deg) translate(0,110px);transform: rotate(252deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(252deg);transform: rotate(252deg);}
}
@keyframes h_rotate8{
    0% {opacity: 0;-webkit-transform: rotate(252deg) translate(0,110px);transform: rotate(252deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(252deg);transform: rotate(252deg);}
}
@-webkit-keyframes h_rotate9{
    0% {opacity: 0;-webkit-transform: rotate(288deg) translate(0,110px);transform: rotate(288deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(288deg);transform: rotate(288deg);}
}
@keyframes h_rotate9{
    0% {opacity: 0;-webkit-transform: rotate(288deg) translate(0,110px);transform: rotate(288deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(288deg);transform: rotate(288deg);}
}
@-webkit-keyframes h_rotate10{
    0% {opacity: 0;-webkit-transform: rotate(324deg) translate(0,110px);transform: rotate(324deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(324deg);transform: rotate(324deg);}
}
@keyframes h_rotate10{
    0% {opacity: 0;-webkit-transform: rotate(324deg) translate(0,110px);transform: rotate(324deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(324deg);transform: rotate(324deg);}
}
.h_rotate1{-webkit-animation-name: h_rotate1;animation-name: h_rotate1;}
.h_rotate2{-webkit-animation-name: h_rotate2;animation-name: h_rotate2;}
.h_rotate3{-webkit-animation-name: h_rotate3;animation-name: h_rotate3;}
.h_rotate4{-webkit-animation-name: h_rotate4;animation-name: h_rotate4;}
.h_rotate5{-webkit-animation-name: h_rotate5;animation-name: h_rotate5;}
.h_rotate6{-webkit-animation-name: h_rotate6;animation-name: h_rotate6;}
.h_rotate7{-webkit-animation-name: h_rotate7;animation-name: h_rotate7;}
.h_rotate8{-webkit-animation-name: h_rotate8;animation-name: h_rotate8;}
.h_rotate9{-webkit-animation-name: h_rotate9;animation-name: h_rotate9;}
.h_rotate10{-webkit-animation-name: h_rotate10;animation-name: h_rotate10;}
@keyframes h_fadeInDownFeed{
    0% {opacity: 0;-webkit-transform: translate3d(0,-100px,0);transform: translate3d(0,-100px,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes h_fadeInDownFeed{
    0% {opacity: 0;-webkit-transform: translate3d(0,-100px,0);transform: translate3d(0,-100px,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
.h_fadeInDownFeed{
    -webkit-animation-name: h_fadeInDownFeed;
    -webkit-animation-timing-function: ease-out;
    animation-name: h_fadeInDownFeed;
    animation-timing-function: ease-out;
}
@keyframes h_fadeInUpFeed{
    0% {opacity: 0;-webkit-transform: translate3d(0,100px,0);transform: translate3d(0,100px,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes h_fadeInUpFeed{
    0% {opacity: 0;-webkit-transform: translate3d(0,100px,0);transform: translate3d(0,100px,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
.h_fadeInUpFeed{
    -webkit-animation-name: h_fadeInUpFeed;
    -webkit-animation-timing-function: ease-out;
    animation-name: h_fadeInUpFeed;
    animation-timing-function: ease-out;
}
@keyframes h_fadeInUpDownFeed{
    0% {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
    50%{-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0);}
    100% {-webkit-transform: none;transform: none;}
}
@keyframes h_fadeInUpDownFeed{
    0% {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
    50%{-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0);}
    100% {-webkit-transform: none;transform: none;}
}
.h_fadeInUpDownFeed{
    -webkit-animation-name: h_fadeInUpDownFeed;
    animation-name: h_fadeInUpDownFeed;
}
@keyframes h_fadeInLeftM{
    0% {opacity: 0;-webkit-transform: translate3d(60px,0,0);transform: translate3d(60px,0,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes h_fadeInLeftM{
    0% {opacity: 0;-webkit-transform: translate3d(60px,0,0);transform: translate3d(60px,0,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
.h_fadeInLeftM{
    -webkit-animation-name: h_fadeInLeftM;
    animation-name: h_fadeInLeftM;
}

/*@media*/
@media only screen and (max-height: 700px) {
    .footer .dislog .box{width: 500px;}
    .footer .dislog .box .text p{font-size: 12px;}
    .footer .dislog .box .text p strong{font-size: 12px;}
    .footer .dislog .box .text .sites>li>a h2{font-size: 13px;}
    .footer .dislog .box .text .sites>li .site li h3{font-size: 12px;}
    .footer .dislog .box .text .des{padding-bottom: 25px;}
    .footer .dislog .box .text .sites>li .site{padding-top: 0;}
}
@media only screen and (min-height: 700px) and (max-height: 800px) {
    .footer .dislog .box{width: 400px;}
    .footer .dislog .box .text p{font-size: 12px;}
    .footer .dislog .box .text p strong{font-size: 12px;}
    .footer .dislog .box .text .sites>li>a h2{font-size: 13px;}
    .footer .dislog .box .text .sites>li .site li h3{font-size: 12px;}
    .footer .dislog .box .text .des{padding-bottom: 35px;}
    .footer .dislog .box .text .sites>li .site{padding-top: 5px;}
}
@media only screen and (min-height: 800px) {
    .footer .dislog .box{width: 400px;}
    .footer .dislog .box .text p{font-size: 13px;}
    .footer .dislog .box .text p strong{font-size: 13px;}
    .footer .dislog .box .text .sites>li>a h2{font-size: 14px;}
    .footer .dislog .box .text .sites>li .site li h3{font-size: 13px;}
    .footer .dislog .box .text .des{padding-bottom: 35px;}
    .footer .dislog .box .text .sites>li .site{padding-top: 5px;}
}

/*public*/
body{max-width: 2200px;min-width: 1280px;padding-top: 80px;background-color: #fff;}
.header{position: fixed;top: 0;left: 0;right: 0;margin-left: auto;margin-right: auto;z-index: 999;max-width: 2200px;width: 100%;min-width: 1280px;height: 80px;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.header .wrap{width:100%;height: 80px;margin: 0 auto;}
.header .wrap .logo{float: left;width: 177px;height: 37px;margin-left: 25px;margin-top: 21px;background: url(../images/header_01.png) no-repeat center;color: transparent;}
.header .wrap .navbox{float: right;height: 80px;font-size: 0px;}
.header .wrap .navbox .navbar{display: inline-block;vertical-align: top;padding-right: 0px;position: relative;}
.header .wrap .navbox .navbar::after{content: "";display: block;clear: both;}
.header .wrap .navbox .navbar>li{float: left;display: inline-block;vertical-align: top;position: relative;z-index: 3;height: 80px;}
.header .wrap .navbox .navbar>li h2{font-size: 14px;color:rgb(83,83,83);height: 80px;line-height: 80px;padding: 0 20px;font-weight: bold;-webkit--webkit-transition: all 400ms;transition: all 400ms;}
.header .wrap .navbox .navbar .subnav{display: none;position: absolute;top: 80px;left: 0px;height: 80px;font-size: 0px;white-space: nowrap;overflow: hidden;width: 2200px;padding-left: 10px;background-color: rgba(44,44,44,0.7);}
.header .wrap .navbox .navbar .subnav li{display: inline-block;vertical-align: top;}
.header .wrap .navbox .navbar .subnav li h3{padding: 0 12px;height: 80px;line-height: 80px;font-size: 14px;color: rgba(255,255,255,0.7);-webkit--webkit-transition: all 400ms;transition: all 400ms;}
.header .wrap .navbox .navbar .subnav li h3:hover{color: rgba(255,168,0,1);}
.header .wrap .navbox .navbar .subline{position: absolute;z-index: -1;bottom: 0;height: 4px;background-color: rgb(235,9,35);}
.header .wrap .navbox .navbar>li.on h2{color: rgb(235,9,35);}
.header .wrap .navbox .navbar>li:hover h2{color: rgb(235,9,35);}
.header .wrap .navbox .staff_work{display: inline-block;vertical-align: top;margin-left: 10px;}
.header .wrap .navbox .staff_work a{padding-left: 22px;background: url(../images/header_02.png) no-repeat left center;height: 80px;line-height: 80px;font-size: 14px;color: rgb(153,153,153);}
.header .wrap .navbox .language{display: inline-block;vertical-align: top;margin-left: 20px;}
.header .wrap .navbox .language a{display: inline-block;vertical-align: top;height: 80px;line-height: 80px;font-size: 14px;color: rgb(153,153,153);margin-right: 14px;}
.header .wrap .navbox .language :last-child{;margin-right:0;}
.header .wrap .navbox .language a.on,.header .wrap .navbox .language a:hover{color:rgb(255,168,0);}
.header .wrap .navbox .sitemap_btn{margin: 0 25px;height: 80px;position: relative;display: inline-block;vertical-align: top;}
.header .wrap .navbox .sitemap_btn .btn{height: 80px;box-sizing: border-box;padding-top: 31px;cursor: pointer;}
.header .wrap .navbox .sitemap_btn .btn div{width: 26px;height: 2px;margin-top: 6px;background-color: rgb(119,119,119);}
.header .wrap .navbox .sitemap_btn .btn div:nth-child(1){margin-top: 0px;}
.header .wrap .navbox .sitemap_btn .btn div:nth-child(3){width: 13px;}

.banner{width: 1280px;margin: 0 auto;}
.banner .bg{position: relative;height: 280px;padding:0 460px;margin: 0 -460px;background-repeat: no-repeat;background-position:center 80px;background-attachment: fixed;text-align: right;}
.banner .bg p:first-child{vertical-align: baseline;padding-top: 44px;padding-bottom: 14px;font-size: 28px;color: rgb(235,9,35);font-weight: 100;letter-spacing: 6px;}
.banner .bg p:first-child img{display: inline-block;position: relative;top: -10px;}
.banner .bg p:last-child{font-family:'webfont-RUBIK-REGULAR';font-size: 24px;color: #fff;}
.banner .subnav{width: 1280px;height: 60px;padding: 0 460px;margin: 0 -460px;border-bottom: 2px solid rgb(232,232,232);}
.banner .subnav .breadcrumb{float: left;font-size: 0px;height: 60px;padding-left: 23px;background: url(../images/banner_03.png) no-repeat left center;}
.banner .subnav .breadcrumb li{position: relative;display: inline-block;vertical-align: top;height: 60px;line-height: 60px;font-size: 14px;color: rgba(0,0,0,0.7);}
.banner .subnav .breadcrumb li::after{display: inline-block;vertical-align: top;content: ">";width: 24px;height: 60px;line-height: 58px;font-size: 14px;color: rgba(0,0,0,0.7);text-align: center;}
.banner .subnav .breadcrumb li a{display: inline-block;vertical-align: top;height: 60px;line-height: 60px;}
.banner .subnav .breadcrumb li.active::after{display: none;}
.banner .subnav .nav1{float: right;height: 60px;font-size: 0px;position: relative;margin-right: -20px;}
.banner .subnav .nav1 li{float: left;display: inline-block;vertical-align: top;}
.banner .subnav .nav1 li a{position: relative;height: 60px;line-height: 60px;font-size: 14px;color: rgb(153,153,153);padding: 0 20px;-webkit-transition: all 400ms;transition: all 400ms;display:block;}
.banner .subnav .nav1 li a:hover{ color:rgb(255,168,0); }
.banner .subnav .nav1 li.on a{color:rgb(255,168,0); border-bottom: 2px #007cc6 solid;}
.banner .subnav .nav1 .wangline{height: 2px;background-color: rgb(235,9,35);position: absolute;top: 60px;-webkit-transform-origin: center;transform-origin: center;-webkit-transition:transform 400ms;transition:transform 400ms;}
.banner .subnav .nav1 .wangline.on{-webkit-transform: scale(0,0);transform: scale(0,0);}

h3 strong,h4 strong,h5 strong,h6 strong{font-size: 24px;color: rgb(235,9,35);line-height: 0.8em;}
h3 em,h4 em,h5 em,h6 em{font-family:'webfont-RUBIK-REGULAR';font-size: 34px;color: rgb(153,153,153);line-height: 0.8em;text-transform: uppercase;}
.content{width: 1280px;margin-left: auto;margin-right: auto;}
.content .wrap{width: 1280px;padding-top: 100px;padding-left: 460px;padding-right: 460px;margin: 0 -460px;overflow: hidden;background: url(../images/content_01.png) no-repeat 1607px top;    padding-bottom: 0;}
.content .title{font-size: 34px;color: rgb(85,85,85);margin-bottom: 60px;text-align: center;}
.content .title1{font-size: 34px;color: rgb(85,85,85);margin-top: 100px;margin-bottom: 40px;text-align: center;}
.content p{font-size: 14px;color: rgb(117,115,120);line-height: 2.1em;margin-top: 22px;text-indent: 2em;}
.content p img{ margin: 0 auto;}
.intro{font-size: 0px;position: relative;z-index: 2;width: 1280px;}
.intro .box{width: 1280px;position: relative;z-index: 2;}
.intro .nimble{display: table-cell;vertical-align: top;width: 440px;position: relative;}
.intro .nimble::before{content: "";display: block;position: absolute;z-index: 1;width: 402px;height: 95px;bottom: 0;right: 0;background: url(../images/about_group_08.png) no-repeat;}
.intro .nimble .con{position: relative;width: 440px;box-sizing: border-box;padding: 50px 40px;}
.intro .nimble h5 strong{font-size: 20px;color: #9e630e;margin-top: 20px;margin-bottom: 20px;}
.intro .nimble h5 em{font-size: 18px;color: rgb(213,213,213);line-height: 1.2em;}
.intro .text{display: table-cell;vertical-align: top;width: 840px;position: relative;}
.intro .text .con{position: relative;width: 840px;box-sizing: border-box;padding-top: 50px;padding-bottom: 50px;padding-left: 40px;}
.intro .rbg{position: absolute;z-index: 1;top: 0;right: -460px;width: 460px;height: 100%;background: url(../images/about_strategy_04.jpg) no-repeat center;background-size: cover;}

.footer{height: 134px;position: relative;z-index: 999;background-color: rgb(255,252,244);}
.footer .wrap{width: 1280px;height: 134px;margin: 0 auto;position: relative;box-sizing: border-box;padding-top: 30px;}
.footer .wrap::before{content:"";display: block;width: 100%;height: 2px;background-color: transparent;position: absolute;top: 0;left: 0;}
.footer.on .wrap::before{background-image: linear-gradient(90deg,rgb(235,9,35),rgb(255,168,0));background-color: rgb(235,9,35);}
.footer .wrap::after{content: "";display: block;clear: both;}
.footer .wrap .copyright{float: left;}
.footer .wrap .copyright h1{display: inline-block;vertical-align: top;margin-right: 5px;font-size: 14px;color: rgba(83,83,83,0.7);}
.footer .wrap .copyright ul{display: inline-block;vertical-align: top;font-size: 0px;}
.footer .wrap .copyright ul li{position: relative;display: inline-block;vertical-align: top;padding-right: 10px;margin-right: 8px;}
.footer .wrap .copyright ul li:nth-last-child(1)::after{display: none;}
.footer .wrap .copyright ul li::after{content: "";display: inline-block;position: absolute;width: 2px;height: 2px;background-color: rgba(83,83,83,0.7);top: 50%;margin-top: -1px;right: 0px;}
.footer .wrap .copyright ul li h3{font-size: 14px;color: rgba(83,83,83,0.7);cursor: pointer;}
.footer .wrap .copyright p{display: inline-block;vertical-align: top;margin-top: 10px;font-size: 14px;color: rgba(83,83,83,0.7);}
.footer .wrap .copyright a{display: inline-block;vertical-align: top;font-size: 14px;color: rgba(83,83,83,0.7);}
.footer .wrap .copyright .design_support{margin-top: 10px;display: inline-block;vertical-align: top;margin-left: 12px;font-size: 14px;color: rgba(83,83,83,0.7);}
.footer .wrap .wechat{float: right;position: relative;z-index: 10;}
.footer .wrap .wechat p{height: 40px;line-height: 40px;font-size: 14px;color: rgba(83,83,83,0.7);padding-right: 50px;background: url(../images/footer_01.png) no-repeat right;background-size: 38px auto;cursor: pointer;}
.footer .wrap .wechat:hover p{color:rgb(255,168,0);}
.footer .wrap .scrolltop{display: none;position: fixed;z-index: 11;bottom: 134px;right: 0;left: 0;margin-left: auto;margin-right: auto;max-width: 2200px;height: 0px;}
.footer .wrap .scrolltop button{font-size: 12px;position: absolute;top: 0px;right: 30px;width: 60px;height: 60px;border-radius: 4px;background: rgb(255,168,0) url(../images/footer_scrolltop.png) no-repeat center;cursor: pointer;color: transparent;-webkit-transition: all 400ms;transition: all 400ms;}
.footer .wrap .scrolltop button:hover{background-position:center 16px;}
.footer .qrcode_dislog{display: none;position: fixed;z-index: 999;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,0.6);text-align: center;}
.footer .qrcode_dislog .box{position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 330px;margin-top: auto;margin-bottom: auto;text-align: center;}
.footer .qrcode_dislog .box .inbox{display: inline-block;height: 330px;position: relative;background-color: #fff;box-sizing: border-box;padding: 0 50px;}
.footer .qrcode_dislog .box .inbox button{position: absolute;top: 0;right: -56px;width: 56px;height: 56px;cursor: pointer;background:rgb(239,214,191) url(../images/business_estate_09.png) no-repeat center;color: transparent;}
.footer .qrcode_dislog .box .inbox ul{font-size: 0;white-space: nowrap;height: 330px;box-sizing: border-box;padding-top: 52px;}
.footer .qrcode_dislog .box .inbox ul li{display: inline-block;vertical-align: top;width: 174px;margin-left: 40px;}
.footer .qrcode_dislog .box .inbox ul li:first-child{margin-left: 0;}
.footer .qrcode_dislog .box .inbox ul li img{width: 140px;margin: 0 auto;}
.footer .qrcode_dislog .box .inbox ul li div{font-size: 16px;color: rgb(235,9,35);margin: 10px 0;}
.footer .qrcode_dislog .box .inbox ul li p{font-size: 12px;color: #000;line-height: 2em;white-space: normal;}
.footer .dislog{display: none;position: fixed;z-index: 999;top: 0;bottom: 0;left: 0;right: 0;margin-left: auto;margin-right: auto;background-color: rgba(0,0,0,0.6);}
.footer .dislog .box{position: absolute;top: 0;right: -700px;height: 100%;background-color: #fff;box-sizing: border-box;padding-top: 80px;}
.footer .dislog .box button{position: absolute;z-index: 2;top: 25px;right: 32px;width: 30px;height: 30px;background: url(../images/business_estate_09.png) no-repeat center;cursor: pointer;color: transparent;}
.footer .dislog .box .text{padding: 35px;}
.footer .dislog .box .text>h3{position: absolute;top: 0;left: 0;width: 100%;height: 80px;box-sizing: border-box;padding: 0 35px;line-height: 80px;font-size: 24px;color: rgb(255,255,255);background-color: rgb(255,168,0);}
.footer .dislog .box .text .qrcode{margin-top: 20px;}
.footer .dislog .box .text .qrcode .img{text-align: center;margin-bottom: 10px;}
.footer .dislog .box .text .qrcode .img img{width: 140px;display: inline-block;margin: 0 10px;}
.footer .dislog .box .text .qrcode p{text-align: center;}
.footer .dislog .box .text p{color: rgb(153,153,153);line-height: 1.74em;}
.footer .dislog .box .text p strong{color: rgb(153,153,153);line-height: inherit;}
.footer .dislog .box .text .des{border-bottom: 2px solid rgb(246,239,229);}
.footer .dislog .box .text .sites{font-size: 0px;}
.footer .dislog .box .text .sites>li{margin-top: 14px;padding-bottom: 10px;border-bottom: 2px solid rgb(246,239,229);}
.footer .dislog .box .text .sites>li:nth-child(1){margin-top: 0;}
.footer .dislog .box .text .sites>li>a{display: inline-block;vertical-align: top;}
.footer .dislog .box .text .sites>li>a h2{color: rgb(85,85,85);-webkit-transition: all 400ms;transition: all 400ms;}
.footer .dislog .box .text .sites>li>a h2:hover{color: rgb(235,9,35);}
.footer .dislog .box .text .sites>li .site li{display: inline-block;vertical-align: top;margin-right: 20px;margin-top: 10px;}
.footer .dislog .box .text .sites>li .site li h3{color: rgb(153,153,153);-webkit-transition: all 400ms;transition: all 400ms;}
.footer .dislog .box .text .sites>li .site li h3:hover{color: rgb(235,9,35);}

/*index*/
.index_slide{height: 660px;position: relative;overflow: hidden;}
.index_slide .bd li{height: 660px;width: 100%;background-repeat: no-repeat;background-position: center 80px;background-attachment:fixed;}
.index_slide .bd li a{height: 660px;width: 100%;}
.index_slide .bd li div{width: 1280px;box-sizing: border-box;margin: 0 auto;padding-top: 1px;}
.index_slide .bd li div .slide1{margin-left: 570px;margin-top: 134px;padding-top: 84px;background: url(../images/index_slide_01_01.png) no-repeat left top;}
.index_slide .bd li div .slide1 strong{font-size: 30px;color: rgb(118,90,90);letter-spacing: 6px;margin-bottom: 20px;margin-left: 15px;}
.index_slide .bd li div .slide1 em{font-family: helvetica;font-size: 16px;color: rgba(209,173,111,0.6);text-transform: uppercase;letter-spacing: 4px;line-height: 1.2em;margin-left: 15px;}
.index_slide .bd li div .slide2{margin-top: 233px;margin-left: 460px;}
.index_slide .bd li div .slide2 strong{font-size: 46px;color: #333c4b;opacity: 0.7;margin-bottom: 15px;}
.index_slide .bd li div .slide2 em{font-family:'webfont-RUBIK-REGULAR';font-size: 46px;color: rgb(255,168,0);}
.index_slide .bd li div .slide3_new{margin-top: 209px;margin-left: 566px;}
.index_slide .bd li div .slide3_new strong{font-size: 46px;color: #333c4b;opacity: 0.7;margin-bottom: 15px;}
.index_slide .bd li div .slide3_new em{font-family:'webfont-RUBIK-REGULAR';font-size: 46px;color: rgb(255,168,0);}
.index_slide .bd li div .slide3{margin-top: 336px;padding-top: 90px;/*background: url(../images/index_slide_03_01.png) no-repeat left top;*/}
.index_slide .bd li div .slide3 strong{font-size: 50px;color: rgb(255,255,255);font-weight: 100;margin-bottom: 18px;}
.index_slide .bd li div .slide3 em{font-family: helvetica;font-size: 16px;color: rgb(255,255,255);text-transform: uppercase;letter-spacing: 2px;}
.index_slide .hd{height: 12px;position: absolute;z-index: 2;bottom: 55px;left: 0;right: 0;margin-left: auto;margin-right: auto;width: 1280px;text-align: center;}
.index_slide .hd ul{display: inline-block;text-align: center;}
.index_slide .hd ul li{display: inline-block;vertical-align: top;width: 12px;height: 12px;background-color: #fff;border-radius: 6px;margin: 0 6px;cursor: pointer;-webkit-transition: all 400ms;transition: all 400ms;}
.index_slide .hd ul li.on{width: 30px;background-color: rgb(235,9,35);}
.index_slide .toggle{position: absolute;z-index: 3;top: 50%;margin-top: -28px;width: 56px;height: 56px;background-color: rgb(245,230,217);background-repeat: no-repeat;background-position: center;opacity: 0;color: transparent;cursor: pointer;-webkit-transition: all 400ms;transition: all 400ms;}
.index_slide .toggle.prev{left: 0px;background-image: url(../images/about_strategy_left.png);}
.index_slide .toggle.next{right: 0px;background-image: url(../images/about_strategy_right.png);}
.index_slide:hover .toggle{opacity: 1;}
.index_slide .toggle:hover{background-color: rgb(239,214,191);}
.index .wrap{width: 1280px;margin: 0 auto;font-size: 0px;}
.index .wrap::after{content: "";display: block;clear: both;}
.index .news{float: left;display: inline-block;vertical-align: top;width: 464px;height: 250px;box-sizing: border-box;padding-top: 33px;padding-right: 70px;overflow: hidden;}
.index .news h2{font-family:'webfont-RUBIK-REGULAR';font-size: 24px;color: rgba(123,123,123,0.4);text-transform: capitalize;}
.index .news .toggle{height: 29px;margin-top: 10px;position: relative;left: -15px;}
.index .news .toggle::before{content: "";display: block;width: 394px;height: 3px;background-color: rgb(240,240,240);position: absolute;top: 29px;right: 0px;}
.index .news .toggle ul li{display: inline-block;vertical-align: top;position: relative;z-index: 2;padding: 0 15px;}
.index .news .toggle ul li h3{height: 29px;font-size: 14px;color: rgb(153,153,153);border-bottom: 3px solid transparent;-webkit-transition: all 400ms;transition: all 400ms;cursor: pointer;}
.index .news .toggle ul li.on h3{color: rgb(255,168,0);border-bottom-color: rgb(235,9,35);}
.index .news .toggle ul li:hover h3{color: rgb(255,168,0);}
.index .news .toggle .subline{position: absolute;z-index: 2;top: 29px;height: 3px;background-color:transparent;}
.index .news .n_slide{display: none;width: 394px;height: 120px;position: relative;}
.index .news .toggle+.n_slide{display: block;}
.index .news .n_slide .bd{width: 394px;height: 120px;overflow: hidden;}
.index .news .n_slide .bd li{width: 394px;height: 120px;}
.index .news .n_slide .bd li h4{font-size: 18px;color: rgb(51,51,51);padding-top: 16px;padding-bottom: 13px;}
.index .news .n_slide .bd li p{font-size: 12px;color: rgb(117,115,120);text-align: justify;line-height: 1.6em;}
.index .news .n_slide .hd{position: absolute;top: -25px;right: -40px;}
.index .news .n_slide .hd li{width: 10px;height: 10px;margin-bottom: 8px;background-color: rgb(229,229,229);border-radius: 5px;cursor: pointer;-webkit-transition: all 400ms;transition: all 400ms;}
.index .news .n_slide .hd li.on{background-color: rgb(235,9,35);}
.index .news .n_slide .toList{ font-size: 14px; color: rgb(255,168,0); text-transform: uppercase; float: right; margin-top: -18px; }
.index .bus{float: left;display:inline-block;vertical-align: top;width: 812px;height: 250px;}
.index .bus ul{margin-top: 10px;height: 200px; position:relative;}
.index .bus ul:before{content:" "; display:block; position:absolute; right:-46px; bottom:0; width:50px; height:100px; background:url("../images/ul_bg.png") no-repeat right bottom;}
.index .bus ul li{float: left;display: inline-block;width: 101px;height: 200px;position: relative;}
.index .bus ul li:nth-child(1) a{background-color: rgb(225,57,56);}
.index .bus ul li:nth-child(2) a{background-color: rgb(138,43,187);}
.index .bus ul li:nth-child(3) a{background-color: rgb(255,168,0);}
.index .bus ul li:nth-child(4) a{background-color: rgb(37,166,128);}
.index .bus ul li:nth-child(5) a{background-color: rgb(57,117,198);}
.index .bus ul li:nth-child(6) a{background-color: rgb(201,178,124);}
.index .bus ul li:nth-child(7) a{background-color: rgb(145,72,144);}
.index .bus ul li:nth-child(8) a{background-color: #4cbee4;}
.index .bus ul li a{width: 100%;height: 166px;position: absolute;left: 0;bottom: 0;-webkit-transition: all 400ms;transition: all 400ms;}
.index .bus ul li a img{position: absolute;z-index: 1;bottom: 0;left: 0;width: 100%;height: 166px;}
.index .bus ul li a h3{position: absolute;z-index: 2;top: 0;left: 0;padding-top: 66px;padding-left: 17px;font-size: 24px;color: #fff;letter-spacing: 4px;opacity: 0;-webkit-transition: all 400ms;transition: all 400ms;}
.index .bus ul li a h4{position: absolute;z-index: 3;top: 0;left: 0;padding-top: 66px;padding-left: 17px;opacity: 1;-webkit-transition: all 400ms;transition: all 400ms;}
.index .bus ul li a h4 strong{font-size: 15px;color: #fff;opacity: 0.7;margin-bottom: 20px;}
.index .bus ul li a h4 em{font-family:'webfont-RUBIK-REGULAR';font-size: 12px;color: #fff;opacity: 0.3;line-height: 1.2em;}
.index .bus ul li a:hover{height: 200px;}
.index .bus ul li a:hover h3{opacity: 1;padding-top: 60px;}
.index .bus ul li a:hover h4{opacity: 0;}
.index .itemsbox{float: left;height: 640px;padding: 0 460px;margin: 0 -460px;background:rgb(255,252,244) url(../images/index_12.png) no-repeat center top;position: relative;overflow: hidden;}
.index .inchina{float: left;display: inline-block;vertical-align: top;width: 810px;height: 330px;}
.index .inchina a{width:100%;height: 330px;box-sizing: border-box;padding-top: 92px;position: relative;overflow: hidden;}
.index .inchina h3{position: relative;z-index: 3;padding-bottom: 56px;background: url(../images/index_07.png) no-repeat left bottom;}
.index .inchina h3 em{font-family:'webfont-RUBIK-REGULAR';font-size: 24px;color: rgb(123,123,123);opacity: 0.4;}
.index .inchina h3 strong{font-size: 20px;color: rgb(235,9,35);margin-top: 8px;}
.index .inchina h4{position: relative;z-index: 3;font-size: 14px;color: #56423d;opacity: 0.7;line-height: 1.6em;margin-top: 13px;}
.index .inchina img{position: absolute;z-index: 1;top: 65px;left: 190px;width: 260px;}
.index .inchina .data{position:absolute;z-index: 2;top: 155px;right:85px;font-size: 0px;}
.index .inchina .data div{display: inline-block;vertical-align: top;position: relative;padding-left: 20px;margin-left: 18px;}
.index .inchina .data div::after{content: "";display: block;position: absolute;top: 50%;margin-top: -16px;left: 0px;width: 2px;height: 32px;background-color: rgb(236,232,228);}
.index .inchina .data div:nth-child(1)::after{display: none;}
.index .inchina .data div h6{font-family:'webfont-RUBIK-REGULAR';font-size: 34px;color: rgb(255,168,0);line-height: 0.8em;}
.index .inchina .data div p{font-size: 14px;color: #56423d;opacity: 0.8;line-height: 1.6em;margin-top: 6px;}
.index .aboutus{float: left;display: inline-block;vertical-align: top;width: 466px;height: 330px;position: relative;overflow: hidden;}
.index .aboutus::before{content: "";display: block;position: absolute;z-index: 1;top: 0;left: 2px;width: 2px;height: 100%;background-color: rgb(236,236,236);}
.index .aboutus a{width: 100%;height: 330px;box-sizing: border-box;padding-top: 92px;position: relative;overflow: hidden;}
.index .aboutus h3{position: relative;z-index: 2;padding-left: 40px;margin-bottom: 40px;}
.index .aboutus h3 em{font-family:'webfont-RUBIK-REGULAR';font-size: 24px;color: rgb(123,123,123);opacity: 0.4;}
.index .aboutus h3 strong{font-size: 20px;color: rgb(235,9,35);margin-top: 8px;}
.index .aboutus h4{position: relative;z-index: 2;font-family:'webfont-RUBIK-REGULAR';font-size: 72px;color: rgba(155,155,155,0.3);line-height: 0.8em;text-transform: uppercase;padding-left: 40px;}
.index .aboutus h4 strong{display: inline-block;font-family:'webfont-RUBIK-REGULAR';color: rgba(238,187,49,0.8);font-size: inherit;}
.index .aboutus h4::before{content: "";display: block;position: absolute;z-index: 1;top: 50%;margin-top: -27px;left: 2px;width: 2px;height: 54px;background-color: rgb(235,9,35);}
.index .aboutus img{position: absolute;z-index: 1;top: 89px;right: 24px;width: 450px;}
.index .responsibility{float: left;display: inline-block;vertical-align: top;width: 813px;height: 258px;}
.index .responsibility a{width: 100%;height: 258px;position: relative;box-sizing: border-box;padding-top: 110px;padding-right: 64px;text-align: right;}
.index .responsibility img{position: absolute;top: 0;left: 0;width: 100%;height: 258px;z-index: 1;}
.index .responsibility h3{position: absolute;top: 30px;left: 30px;z-index: 3;font-size: 20px;color: #fff;}
.index .responsibility h4{position: relative;z-index: 2;}
.index .responsibility h4 em{font-family:'webfont-RUBIK-REGULAR';font-size: 18px;color: #3caf78;text-transform: uppercase;}
.index .responsibility h4 strong{font-size: 20px;color:#534a40;line-height: 1.4em;margin-top: 8px;}
.index .star_plan{float: left;display: inline-block;vertical-align: top;width: 466px;height: 258px;overflow: hidden;}
.index .star_plan a{width: 100%;height: 258px;position: relative;}
.index .star_plan img{position: absolute;top: 0;left: 0;width:100%;height: 258px;z-index: 1;}
.index .star_plan h3{position: absolute;top: 25px;left: 45px;z-index: 3;font-size: 20px;color: #fff;}
.index .star_plan div{display: none;}
.index .star_plan .font1{position: absolute;z-index: 4;top: 70px;left: 30px;font-size: 56px;color: #ffd800;}
.index .star_plan .font2{position: absolute;z-index: 4;top: 100px;left: 60px;font-size: 56px;color: #ffd800;}
.index .star_plan .font3{position: absolute;z-index: 4;top: 85px;left: 136px;font-size: 24px;color: #ffd800;width: 24px;font-weight: 100;line-height: 1.4em;}

/*about_group*/
.about_group .title+p{text-align: center;margin-top: -6px;}
.about_group .data{margin-top: 50px;margin-bottom: 60px;text-align: center;font-size: 0px;}
.about_group .data li{display: inline-block;vertical-align: top;width: 180px;box-sizing: border-box;padding: 0 10px;}
.about_group .data li img{margin: 0 auto;height: 50px;}
.about_group .data li .number{display: inline-block;margin-top: 10px;margin-bottom: 7px;position: relative;}
.about_group .data li .number div{display: inline-block;vertical-align: baseline;font-family:'webfont-RUBIK-REGULAR';font-size: 34px;color: rgb(102,102,102);line-height: 0.8em;font-weight: 100;}
.about_group .data li .number p{line-height: 1em;margin: 0;position: absolute;bottom: 2px;right: -26px;}
.about_group .data li:nth-child(2) .number p{right: -38px;}
.about_group .data li:nth-child(3) .number p{right: -46px;}
.about_group .data li:nth-child(5) .number p{right: -38px;}
.about_group .data li>p{margin-top: 0px;}
.about_group .intro{padding:80px 460px 494px 460px;margin:0px -460px -494px -460px;background:rgb(248,248,248) url(../images/about_group_06.jpg) no-repeat center top;z-index: 1;}
.about_group .intro .box{width: 1740px;}
.about_group .intro .nimble{background: url(../images/about_group_077.jpg) no-repeat center center;background-size: cover;}
.about_group .intro .nimble::before{content: "";width: 460px;height: 186px;background: url(../images/about_group_08.png) no-repeat right center;}
.about_group .intro .nimble h4 em{font-size: 60px;color: rgba(255,255,255,0.6);}
.about_group .intro .nimble h5 strong{font-size: 20px;color: #9e630e;margin-top: 30px;margin-bottom: 20px;}
.about_group .intro .nimble h5 em{font-size: 18px;color: #ffefbf;}
.about_group .intro .text{height: 510px;width: 1300px;background-color: rgb(255,251,243);}
.about_group .intro .text .con{width: 866px;box-sizing: border-box;padding-top: 44px;padding-bottom: 44px;padding-left: 50px;}
.about_group .intro .text .con p:first-child{margin-top: 0;}
.about_group .intro .text .con p strong{font-size: 16px;color: #79674c;line-height: 1.8em;margin-bottom: -20px;}
.about_group .bot{position: relative;z-index: 2;font-size: 0px;padding-top: 40px;height: 370px;padding-bottom: 80px;}
.about_group .bot::after{content: "";display: block;clear: both;}
.about_group .inchina{float: left;display: inline-block;vertical-align: top;width: 846px;height: 370px;position: relative;box-sizing: border-box;padding-top: 106px;background-color: #fff;}
.about_group .inchina h4{padding-left: 130px;background: url(../images/index_07.png) no-repeat 60px top;position: relative;z-index: 2;}
.about_group .inchina h4 strong{font-size: 24px;color: rgb(85,85,85);line-height: 0.8em;margin-bottom: 18px;}
.about_group .inchina h4 em{font-family:'webfont-RUBIK-REGULAR';font-size: 24px;color: rgba(123,123,123,0.4);text-transform: uppercase;line-height: 0.8em;}
.about_group .inchina h5{padding-left: 130px;padding-top: 8px;padding-bottom: 17px;font-size: 14px;color: #56423d;opacity: 0.7;line-height: 1.8em;position: relative;z-index: 2;}
.about_group .inchina a{margin-left: 130px;width: 128px;height: 42px;background-color: rgb(201,178,124);border-radius: 21px;text-align: center;line-height: 42px;font-size: 14px;color: #fff;position: relative;z-index: 2;-webkit-transition: all 400ms;transition: all 400ms;}
.about_group .inchina a:hover{background-color: rgb(235,9,35);}
.about_group .inchina img{position: absolute;z-index: 1;width: 360px;top: 56px;right: 46px;}
.about_group ._csr{float: left;display: inline-block;vertical-align: top;}
.about_group ._csr a{position: relative;width: 434px;height: 370px;box-sizing: border-box;padding-top: 106px;padding-left: 56px;}
.about_group ._csr img{position: absolute;z-index: 1;top: 0;left: 0;width: 434px;height: 370px;}
.about_group ._csr h4{position: relative;z-index: 2;}
.about_group ._csr h4 strong{line-height: 0.8em;font-size: 24px;color: #3caf78;margin-bottom: 16px;}
.about_group ._csr h4 em{line-height: 0.8em;font-family:'webfont-RUBIK-REGULAR';font-size: 28px;color: rgb(153,153,153);text-transform: uppercase;}

/*about_speech*/
.about_speech .intro{padding:0px 460px 80px 460px;margin:0px -460px;background: url(../images/about_speech_04.jpg) no-repeat center bottom;font-size: 0px;}
.about_speech .intro .box{width: 1740px;}
.about_speech .intro .nimble{display: table-cell;vertical-align: top;width: 440px;background-color: rgb(252,250,244);background-image: linear-gradient(135deg,rgb(252,250,244) 0%,rgb(255,255,255) 70%);}
.about_speech .intro .nimble .con{width: 440px;box-sizing: border-box;padding: 50px 40px;}
.about_speech .intro .nimble::before{display: none;}
.about_speech .intro .nimble h5 strong{font-size: 20px;color: #9e630e;}
.about_speech .intro .nimble h5 em{font-size: 18px;}
.about_speech .intro .nimble .con .ov img{margin-top: 42px;width: 360px;}
.about_speech .intro .text{width: 1300px;height: 600px;background: url(../images/about_speech_03.jpg) no-repeat center;background-size: cover;}
.about_speech .intro .text .con{width: 840px;padding:50px 0 50px 50px;}
.about_speech .intro .text .con h5{font-size: 16px;color: rgb(235,9,35);line-height: 1.8em;}
.about_speech .intro .text .con p:nth-of-type(1){margin-top: 0;}
.about_speech .intro .text .con p strong{font-size: 16px;color: #79674c;line-height: 1.8em;}

/*about_strategy*/
.about_strategy .intro .nimble{background-color: rgb(248,248,248);}
.about_strategy .intro .text{display: table-cell;vertical-align: top;background: url(../images/about_strategy_02.jpg) no-repeat center;}
.about_strategy .intro .text .con{width: 840px;height: 360px;box-sizing: border-box;padding-top: 119px;padding-left: 160px;position: relative;}
.about_strategy .intro .text img{position: absolute;top: 40px;left: 80px;width: 98px;z-index: 1;}
.about_strategy .intro .text h4 strong{line-height: 0.8em;font-size: 24px;color: #c9b27c;letter-spacing: 8px;}
.about_strategy .intro .text h4 em{font-family:'webfont-RUBIK-REGULAR';line-height: 0.8em;font-size: 20px;color: rgba(215,201,212,0.3);text-transform: uppercase;margin-left: 30px;margin-top: 14px;}
.about_strategy .slide{width: 1280px;height: 600px;position: relative;z-index: 1;margin-top: -60px;}
.about_strategy .slide .toggle{position: absolute;z-index: 3;bottom: 90px;right: 0;width: 114px;height: 56px;font-size: 0px;}
.about_strategy .slide .toggle button{display: inline-block;vertical-align: top;width: 56px;height: 56px;cursor:pointer;background-color: rgb(251,243,237);background-repeat: no-repeat;background-position: center;-webkit-transition: all 400ms;transition: all 400ms;}
.about_strategy .slide .toggle button.prev{background-image: url(../images/about_strategy_left.png);float: left;}
.about_strategy .slide .toggle button.next{background-image: url(../images/about_strategy_right.png);float: right;}
.about_strategy .slide .toggle button:hover{background-color: rgb(239,214,191);}
.about_strategy .slide .hd{position: absolute;z-index: 1;top: 0;left: 0;width: 440px;height: 606px;background: url(../images/about_strategy_13.jpg) no-repeat right bottom;padding-left: 460px;margin-left: -460px;}
.about_strategy .slide .hd ul{margin-left: 40px;margin-top: 110px;margin-right: 70px;width: 330px;height: 446px;position: relative;}
.about_strategy .slide .hd ul::before{content: "";display: block;position: absolute;z-index: 1;top: 50%;margin-top: -195px;left: 90px;width: 2px;height: 390px;background-color: rgba(255,255,255,0.5);}
.about_strategy .slide .hd ul li{width: 330px;height: 56px;margin-top: 22px;display: table;box-sizing: border-box;padding-left: 126px;position: relative;cursor: pointer;}
.about_strategy .slide .hd ul li:nth-of-type(1){margin-top: 0;}
.about_strategy .slide .hd ul li div{width: 56px;height: 56px;position: absolute;top: 0;left: 0;background-color: rgba(255,255,255,0.6);border-radius: 56px;-webkit-transition: all 400ms;transition: all 400ms;}
.about_strategy .slide .hd ul li div img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.about_strategy .slide .hd ul li::before{content: "";display: block;width: 12px;height: 12px;background-color: #fbd16e;position: absolute;z-index: 2;top: 50%;margin-top: -6px;left:85px;-webkit-transform-origin: center;transform-origin: center;transform: rotate3d(0,0,1,45deg);-webkit-transition: all 400ms;transition: all 400ms;}
.about_strategy .slide .hd ul li h5{display: table-cell;vertical-align: middle;}
.about_strategy .slide .hd ul li h5 strong{font-size: 18px;color:#ffedca;line-height: 0.8em;margin-bottom: 11px;-webkit-transition: all 400ms;transition: all 400ms;}
.about_strategy .slide .hd ul li h5 em{font-family:'webfont-RUBIK-REGULAR';font-size: 16px;color: rgba(255,241,189,0.4);text-transform: uppercase;}
.about_strategy .slide .hd ul li.on div{background-color: #fff;}
.about_strategy .slide .hd ul li.on::before{background-color: #fff;}
.about_strategy .slide .hd ul li.on h5 strong{color: rgb(85,85,85);}
.about_strategy .slide .hd ul li:hover strong{color: rgb(235,9,35);}
.about_strategy .slide .bd{width: 840px;height: 544px;position: absolute;z-index: 2;bottom: 0;right: 0;padding-right: 460px;margin-right: -460px;background: url(../images/about_strategy_11.jpg) no-repeat left top;background-size: cover;}
.about_strategy .slide .bd .box{padding-top: 78px;width: 840px;height: 388px;overflow: hidden;}
.about_strategy .slide .bd .box li{width: 750px;height: 388px;padding-left: 90px;margin-right: 90px;position: relative;}
.about_strategy .slide .bd .box li h4{font-family:'webfont-RUBIK-REGULAR';font-size: 140px;color:#e2ddce;line-height: 0.8em;position: absolute;top: 0;right: 0;display: inline-block;}
.about_strategy .slide .bd .box li h5{width: 556px;padding-bottom: 24px;border-bottom: 4px solid rgb(238,228,213);margin-bottom: 40px;}
.about_strategy .slide .bd .box li h5 strong{font-size: 24px;color: rgb(235,9,35);line-height: 0.8em;margin-bottom: 13px;}
.about_strategy .slide .bd .box li h5 em{font-family:'webfont-RUBIK-REGULAR';font-size: 40px;color: rgba(0,0,0,0.4);line-height: 0.8em;}
.about_strategy .slide .bd .box li p{width: 580px;text-align: justify;}
.about_strategy .bus{padding: 0 460px;margin: 0 -460px;height: 508px;background: url(../images/about_strategy_12.jpg) no-repeat center;box-sizing: border-box;padding-top: 95px;text-align: center;}
.about_strategy .bus h4{padding-top: 68px;background: url(../images/index_07.png) no-repeat center top;margin: 20px;}
.about_strategy .bus h4 em{font-family:'webfont-RUBIK-REGULAR';font-size: 40px;color: rgba(0,0,0,0.4);line-height: 0.8em;font-weight: 100;text-transform: uppercase;}
.about_strategy .bus h4 strong{font-size: 24px;color: rgb(85,85,85);line-height: 0.8em;margin-top: 12px;}
.about_strategy .bus a{margin: 0 auto;width: 128px;height: 42px;background-color: rgb(201,178,124);border-radius: 21px;text-align: center;line-height: 42px;font-size: 14px;color: #fff;-webkit-transition: all 400ms;transition: all 400ms;}
.about_strategy .bus a:hover{background-color: rgb(235,9,35);}

/*about_brand_idea*/
.about_brand_idea{font-size: 0px;}
.about_brand_idea .wrap{padding-bottom: 70px;}
.about_brand_idea .wrap::after{content: "";display: block;clear: both;}
.about_brand_idea .title{text-align: center;height: 36px;}
.about_brand_idea .title a{display: inline-block;vertical-align: top;padding: 0 24px;height: 36px;line-height: 36px;margin: 0 5px;font-size: 14px;color: rgb(153,153,153);background-color: rgb(249,247,247);border-radius: 36px;-webkit-transition: all 400ms;transition: all 400ms;}
.about_brand_idea .title a.on{background-color: rgb(255,168,0);color: #fff;}
.about_brand_idea .title a:hover{background-color: rgb(255,168,0);color: #fff;}
.about_brand_idea .intro .nimble{background-color: rgb(248,248,248);}
.about_brand_idea .intro .text{display: table-cell;vertical-align: top;width: 840px;height: 360px;position: relative;background: url(../images/about_brand_idea_01.jpg) no-repeat center;background-size: cover;}
.about_brand_idea .intro .text h4{margin-top: 84px;margin-left: 90px;display: block;line-height: 0.8em;font-size: 32px;letter-spacing: 6px;font-weight: 100;color: #c8a973;}
.about_brand_idea .sixspot{padding: 75px 460px 0 460px;margin: 0 -460px;position: relative;}
.about_brand_idea .sixspot .bg{position: absolute;z-index: 1;width: 2200px;height: 440px;top: 285px;left: 0;display: table;background: url(../images/about_brand_idea_044.jpg) no-repeat top;}
.about_brand_idea .sixspot .bg .con{display: table-cell;vertical-align: middle;text-align: center;padding-bottom: 55px;}
.about_brand_idea .sixspot .bg .cn{font-size: 36px;color: #fff;font-weight: 100;margin: 30px 0;}
.about_brand_idea .sixspot .bg .en{font-family:'webfont-HarabaraHand';font-size: 48px;color:rgba(236,115,37,0.4);margin: 30px 0;}
.about_brand_idea .sixspot .bg .line{width: 134px;height: 2px;background-color: rgb(255,255,255);margin: 30px auto;}
.about_brand_idea .sixspot ul{font-size: 0;position: relative;z-index: 2;}
.about_brand_idea .sixspot ul li{display: inline-block;vertical-align: top;margin-top: 20px;margin-left: 10px;width: 635px;height: 140px;position: relative;box-sizing: border-box;padding-left: 200px;padding-right: 40px;background-color: rgb(245,245,245);overflow: hidden;}
.about_brand_idea .sixspot ul li:nth-child(-n+2){margin-top: 0;}
.about_brand_idea .sixspot ul li:nth-child(2n+1){margin-left: 0;}

.about_brand_idea .sixspot ul li h5{position: absolute;z-index: 2;top: 0;left: 0;width: 150px;height: 140px;box-sizing: border-box;padding-top: 40px;padding-left: 20px;font-size: 18px;color: #fff;}
.about_brand_idea .sixspot ul li h5::before{content: "";display: block;position: absolute;width: 30px;height: 30px;top: -15px;right: -15px;-webkit-transform-origin: center;transform-origin: center;transform: rotate(-45deg);}
.about_brand_idea .sixspot ul li h6{padding-top: 20px;}
.about_brand_idea .sixspot ul li h6 strong{margin: 20px 0;font-size: 16px;color: rgb(102,102,102);}
.about_brand_idea .sixspot ul li h6 em{font-family:'webfont-RUBIK-REGULAR';margin: 20px 0;font-size: 14px;color: rgba(153,153,153,0.6);text-transform:none;line-height: 1.6em;}
.about_brand_idea .sixspot ul li.spot1 h5{background: rgb(235,9,35) url(../images/about_brand_idea_19.png) no-repeat right 20px bottom 20px;}
.about_brand_idea .sixspot ul li.spot1 h5::before{background-color:rgb(235,9,35);}
.about_brand_idea .sixspot ul li.spot2 h5{background: rgb(201,178,124) url(../images/about_brand_idea_20.png) no-repeat right 20px bottom 20px;}
.about_brand_idea .sixspot ul li.spot2 h5::before{background-color:rgb(201,178,124);}
.about_brand_idea .sixspot ul li.spot3 h5{background: rgb(255,168,0) url(../images/about_brand_idea_21.png) no-repeat right 20px bottom 20px;}
.about_brand_idea .sixspot ul li.spot3 h5::before{background-color:rgb(255,168,0);}
.about_brand_idea .sixspot ul li.spot4 h5{background: rgb(38,166,128) url(../images/about_brand_idea_22.png) no-repeat right 20px bottom 20px;}
.about_brand_idea .sixspot ul li.spot4 h5::before{background-color: rgb(38,166,128);}
.about_brand_idea .sixspot ul li.spot5 h5{background: rgb(57,118,198) url(../images/about_brand_idea_23.png) no-repeat right 20px bottom 20px;}
.about_brand_idea .sixspot ul li.spot5 h5::before{background-color:rgb(57,118,198);}
.about_brand_idea .sixspot ul li.spot6 h5{background: rgb(145,73,145) url(../images/about_brand_idea_24.png) no-repeat right 20px bottom 20px;}
.about_brand_idea .sixspot ul li.spot6 h5::before{background-color:rgb(145,73,145);}
/*.about_brand_idea .op_vi{height: 534px;padding: 0 460px;margin: -60px -460px 0 -460px;background: url(../images/about_brand_idea_04.jpg) no-repeat center;background-size: cover;font-size: 0px;position: relative;}
.about_brand_idea .op_vi .opinion{display: inline-block;vertical-align: top;width: 790px;padding-top: 177px;}
.about_brand_idea .op_vi .opinion h5{margin-top: 43px;}
.about_brand_idea .op_vi .opinion h5 strong{height: 79px;line-height: 79px;padding-left: 100px;background: url(../images/about_brand_idea_05.png) no-repeat left center;font-size: 34px;color: #fff;font-weight: 100;}
.about_brand_idea .op_vi .opinion h5 em{padding-left: 100px;font-family:'webfont-RUBIK-REGULAR';font-size: 30px;color: rgba(255,168,0,0.8);line-height: 1.2em;}
.about_brand_idea  h4 strong{margin-top: 8px;font-size: 20px;color: rgb(235,9,35);line-height: 0.8em;}
.about_brand_idea  h4 em{font-family:'webfont-RUBIK-REGULAR';font-size: 28px;color: #a98c6b;opacity: 0.3;text-transform: uppercase;line-height: 0.8em;}
.about_brand_idea .op_vi .vision{position: absolute;bottom: 44px;right: 590px;width: 360px;height: 360px;background: #fff url(../images/about_brand_idea_06.png) no-repeat center 128px;border-radius: 180px;}
.about_brand_idea .op_vi .vision h4{padding-top: 51px;padding-left: 67px;}
.about_brand_idea .op_vi .vision h5{position: absolute;top: 100px;right: 45px;font-size: 0px;}
.about_brand_idea .op_vi .vision h5 strong{display: inline-block;vertical-align: top;width: 25px;font-size: 25px;color: rgb(85,85,85);font-weight: 100;padding: 0 2px;line-height: 1.1em;}
.about_brand_idea .values{height: 509px;padding: 80px 460px 0 460px;margin: 0 -460px;background: url(../images/about_brand_idea_07.jpg) no-repeat center;background-size: cover;font-size: 0px;position: relative;}
.about_brand_idea .values::before{content: "";display: block;position: absolute;top: 0;left: 460px;width: 2px;height: 100%;background-color: rgb(234,234,234);z-index: 1;}
.about_brand_idea .values h4{padding-left: 40px;position: relative;z-index: 2;}
.about_brand_idea .values h4::before{content: "";display: block;position: absolute;top: 50%;margin-top: -25px;left: 0px;width: 2px;height:50px;background-color: rgb(235,9,35);}
.about_brand_idea .values .value{margin-top: 40px;margin-left: 125px;position: relative;}
.about_brand_idea .values .value>img{width: 434px;height: 413px;position: relative;z-index: 1;}
.about_brand_idea .values .value ul{position: absolute;top: 164px;left: 182px;z-index: 2;width: 1px;height: 1px;}
.about_brand_idea .values .value ul li{position: absolute;bottom: 0;left: -91px;width: 182px;height: 162px;text-align: center;box-sizing: border-box;padding-top: 26px;-webkit-transform-origin: bottom;transform-origin: bottom;} 
.about_brand_idea .values .value ul li p{font-size: 20px;color: #fff;margin: 0;line-height: 1em;margin-bottom: 38px;}
.about_brand_idea .values .value ul li img{display: block;margin: 0 auto;-webkit-transform-origin: center;transform-origin: center;}
.about_brand_idea .values .value ul li:nth-child(1){-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.about_brand_idea .values .value ul li:nth-child(2){-webkit-transform: rotate(72deg);transform: rotate(72deg);}
.about_brand_idea .values .value ul li:nth-child(3){-webkit-transform: rotate(144deg);transform: rotate(144deg);}
.about_brand_idea .values .value ul li:nth-child(4){-webkit-transform: rotate(216deg);transform: rotate(216deg);}
.about_brand_idea .values .value ul li:nth-child(5){-webkit-transform: rotate(288deg);transform: rotate(288deg);}
.about_brand_idea .values .value ul li:nth-child(1) img{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.about_brand_idea .values .value ul li:nth-child(2) img{-webkit-transform: rotate(-72deg);transform: rotate(-72deg);}
.about_brand_idea .values .value ul li:nth-child(3) img{-webkit-transform: rotate(-144deg);transform: rotate(-144deg);}
.about_brand_idea .values .value ul li:nth-child(4) img{-webkit-transform: rotate(-216deg);transform: rotate(-216deg);}
.about_brand_idea .values .value ul li:nth-child(5) img{-webkit-transform: rotate(-288deg);transform: rotate(-288deg);}
.about_brand_idea .values .value ul li:nth-child(1) p{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.about_brand_idea .values .value ul li:nth-child(2) p{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.about_brand_idea .values .value ul li:nth-child(3) p{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.about_brand_idea .values .value ul li:nth-child(4) p{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.about_brand_idea .values .value ul li:nth-child(5) p{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.about_brand_idea .spirit{height: 440px;padding: 50px 460px 0 460px;margin: 0 -460px;background: url(../images/about_brand_idea_09.jpg) no-repeat center;background-size: cover;}
.about_brand_idea .spirit h4{margin-left: 40px;}
.about_brand_idea .spirit h4 strong{color: #fff;}
.about_brand_idea .spirit h4 em{color: #fff;opacity: 0.4;}
.about_brand_idea .spirit .cn{height: 38px;font-size: 42px;color: transparent;text-align: center;margin-top: 56px;font-weight: 100;background: url(../images/about_brand_idea_09_02.png) no-repeat center;}
.about_brand_idea .spirit .en{height: 65px;font-family: helveticae;font-size: 48px;color: transparent;text-align: center;font-weight: 100;margin: 25px 0 30px 0;background: url(../images/about_brand_idea_09_01.png) no-repeat center;}
.about_brand_idea .spirit .line{display: block;margin:0 auto;width: 95px;height: 2px;background-color: #fff;}
.about_brand_idea .position{float: left;position: relative;z-index: 2;margin-top: -40px;display: inline-block;vertical-align: top;width: 640px;height: 412px;box-sizing: border-box;padding-top: 36px;padding-left: 40px;background: url(../images/about_brand_idea_11.jpg) no-repeat center;}
.about_brand_idea .position .cn{margin-top: 120px;font-size: 24px;color: rgb(85,85,85);margin-bottom: 15px;}
.about_brand_idea .position .en{font-family:'webfont-RUBIK-REGULAR';font-size: 24px;color: rgba(170,81,4,0.6);text-transform: uppercase;}
.about_brand_idea .competition{float: left;position: relative;z-index: 2;margin-top: -40px;display: inline-block;vertical-align: top;width: 640px;height: 412px;box-sizing: border-box;padding-top: 36px;padding-left: 40px;background: url(../images/about_brand_idea_12.jpg) no-repeat center;}
.about_brand_idea .competition h4{position: relative;z-index: 2;width: 184px;text-align: right;}
.about_brand_idea .competition h4 img{position: absolute;z-index: 1;top: 0px;left: 0px;width: 59px;}
.about_brand_idea .competition h4 strong{padding-top: 46px;padding-bottom: 20px;letter-spacing: 3px;}
.about_brand_idea .competition h4 em{font-size: 20px;line-height: 1.2em;}
.about_brand_idea .competition ul{position: absolute;z-index: 1;top: 56px;right: 70px;}
.about_brand_idea .competition ul li{position: absolute;top: 0px;right: 0px;width: 141px;height: 123px;background: url(../images/about_brand_idea_13.png) no-repeat center;box-sizing: border-box;padding-top: 22px;}
.about_brand_idea .competition ul li img{height: 32px;margin: 0 auto}
.about_brand_idea .competition ul li h5{font-size: 13px;color: rgb(255,168,0);line-height:1.4em;text-align: center;margin-top: 6px;text-transform: uppercase;}
.about_brand_idea .competition ul li:nth-child(1){top: 0px;right: 0px;}
.about_brand_idea .competition ul li:nth-child(2){top: 132px;right: 0px;}
.about_brand_idea .competition ul li:nth-child(3){top: 65px;right: 110px;}
.about_brand_idea .competition ul li:nth-child(4){top: 196px;right: 110px;}
.about_brand_idea .competition ul li:nth-child(5){top: 130px;right: 220px;}
.about_brand_idea .competition ul li p{margin: 0;}
.about_brand_idea .competition ul li p br{display: none;}*/

/*about_brand_video*/
.about_brand_video{font-size: 0px;}
.about_brand_video .title{font-size: 0px;text-align: center;height: 36px;}
.about_brand_video .title a{display: inline-block;vertical-align: top;padding: 0 24px;height: 36px;line-height: 36px;margin: 0 5px;font-size: 14px;color: rgb(153,153,153);background-color: rgb(249,247,247);border-radius: 36px;-webkit-transition: all 400ms;transition: all 400ms;}
.about_brand_video .title a.on{background-color: rgb(255,168,0);color: #fff;}
.about_brand_video .title a:hover{background-color: rgb(255,168,0);color: #fff;}
.about_brand_video .intro .nimble{background-color: rgb(248,248,248);}
.about_brand_video .intro .text{overflow: hidden;}
.about_brand_video .intro .text .con{cursor: pointer;height: 360px;}
.about_brand_video .intro .text .con .ov{position: absolute;top: 0;left: 0;width: 840px;height: 360px;z-index: 1;overflow: hidden;}
.about_brand_video .intro .text img{width: 840px;height: 360px;-webkit-transform-origin: center;transform-origin: center;-webkit-transition: all 400ms ease-out;transition: all 400ms ease-out;}
.about_brand_video .intro .text h4{margin-top: 12px;margin-left: 38px;position: relative;z-index: 3;}
.about_brand_video .intro .text h4 em{line-height: 0.8em;font-family:'webfont-RUBIK-REGULAR';font-size: 34px;color: rgb(153,153,153);text-transform: uppercase;-webkit-transition: all 400ms;transition: all 400ms;}
.about_brand_video .intro .text h4 strong{line-height: 0.8em;font-size: 24px;color: rgb(235,9,35);margin-top: 15px;-webkit-transition: all 400ms;transition: all 400ms;}
.about_brand_video .intro .text button{cursor: pointer;color: transparent;position: absolute;z-index: 4;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 60px;height: 60px;background:#fff url(../images/about_brand_video_play.png) no-repeat 21px center;-webkit-transition: all 400ms;transition: all 400ms;border-radius: 30px;}
.about_brand_video .intro .text:hover img{-webkit-transform: scale(1.05,1.05);transform: scale(1.05,1.05);-webkit-transition: all 4000ms ease-out;transition: all 4000ms ease-out;}
.about_brand_video .intro .text:hover button{background-color: rgb(235,9,35);background-image: url(../images/about_brand_video_play_hover.png);}
.about_brand_video .videos{padding: 105px 460px 80px 460px;margin: -60px -460px 0 -460px;background: rgb(248,248,248) url(../images/about_brand_video_03.jpg) no-repeat center top;}
.about_brand_video .videos .box{background-color: #fff;padding:40px;}
.about_brand_video .videos ul{font-size: 0px;}
.about_brand_video .videos ul::after{content: "";display: block;clear: both;}
.about_brand_video .videos ul li{float: left;display: inline-block;vertical-align: top;width: 388px;height: 310px;margin-left: 18px;margin-top: 40px;cursor: pointer;}
.about_brand_video .videos ul li:nth-child(-n+3){margin-top: 0;}
.about_brand_video .videos ul li:nth-child(3n+1){margin-left: 0;}
.about_brand_video .videos ul li .ov{width: 388px;height: 240px;position: relative;overflow: hidden;}
.about_brand_video .videos ul li .ov::before{content: "";position: absolute;z-index: 2;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,0.2);opacity: 0;-webkit-transition: all 400ms;transition: all 400ms;}
.about_brand_video .videos ul li .ov img{width: 388px;height: 240px;-webkit-transform-origin: center;transform-origin: center;}
.about_brand_video .videos ul li .ov button{cursor: pointer;color: transparent;position: absolute;z-index: 3;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 60px;height: 60px;background:#fff url(../images/about_brand_video_play.png) no-repeat 21px center;-webkit-transition: all 400ms;transition: all 400ms;border-radius: 30px;}
.about_brand_video .videos ul li h5{width: 388px;height: 70px;box-sizing: border-box;padding: 0 20px;background-color: rgb(248,248,248);display: table;}
.about_brand_video .videos ul li h5 p{display:table-cell;vertical-align: middle;font-size: 16px;color: rgb(85,85,85);margin: 0;line-height: 1.6em;-webkit-transition: all 400ms;transition: all 400ms;}
.about_brand_video .videos ul li:hover img{-webkit-transform: scale(1.05,1.05);transform: scale(1.05,1.05);-webkit-transition: all 4000ms ease-out;transition: all 4000ms ease-out;}
.about_brand_video .videos ul li:hover button{background-color: rgb(235,9,35);background-image: url(../images/about_brand_video_play_hover.png);}
.about_brand_video .videos ul li:hover p{color: rgb(235,9,35);}
.about_brand_video .videos .more{cursor: pointer;margin-top: 40px;margin-left: auto;margin-right: auto;height: 60px;font-size: 0px;text-align: center;line-height: 60px;background-color: rgb(255,247,238);-webkit-transition: all 400ms;transition: all 400ms;}
.about_brand_video .videos .more div{display: inline-block;vertical-align: middle;width: 10px;height: 10px;background-color: rgb(235,9,35);margin: 0 5px;border-radius: 10px;-webkit-transition: all 400ms;transition: all 400ms;}
.about_brand_video .videos .more{-webkit-transition: all 400ms;transition: all 400ms;}
.about_brand_video .videos .more div{-webkit-transition: all 400ms;transition: all 400ms;}
.about_brand_video .videos .more:hover{background-color: rgb(235,9,35);}
.about_brand_video .videos .more:hover div{background-color: rgb(255,255,255);}

/*about_brand_album*/
.about_brand_album{font-size: 0px;}
.about_brand_album .title{font-size: 0px;text-align: center;height: 36px;}
.about_brand_album .title a{display: inline-block;vertical-align: top;padding: 0 24px;height: 36px;line-height: 36px;margin: 0 5px;font-size: 14px;color: rgb(153,153,153);background-color: rgb(249,247,247);border-radius: 36px;-webkit-transition: all 400ms;transition: all 400ms;}
.about_brand_album .title a.on{background-color: rgb(255,168,0);color: #fff;}
.about_brand_album .title a:hover{background-color: rgb(255,168,0);color: #fff;}
.about_brand_album .intro{padding: 0 460px 80px 460px;margin: 0 -460px 0px -460px;background: url(../images/about_brand_video_03.jpg) no-repeat center bottom;}
.about_brand_album .intro .nimble{background-color: rgb(248,248,248);}
.about_brand_album .intro .text{display: table-cell;vertical-align: top;background-color: rgb(255,168,0);background-image: linear-gradient(135deg,rgb(250,195,46) 0%,rgb(223,90,81) 110%);}
.about_brand_album .intro .text .con{width: 840px;height: 510px;padding-left: 440px;position: relative;}
.about_brand_album .intro .text .con div{position: absolute;z-index: 1;top: 50%;margin-top: -160px;left: 80px;width: 320px;height: 320px;border-radius: 320px;background-color: rgba(244,233,214,0.3);}
.about_brand_album .intro .text .con h3{padding-top: 100px;font-family:'webfont-RUBIK-REGULAR';font-size: 66px;color: rgba(255,255,255,0.3);letter-spacing: 8px;line-height: 0.8em;}
.about_brand_album .intro .text .con h4{margin-top: 20px;}
.about_brand_album .intro .text .con h4 strong{line-height: 0.8em;font-size: 24px;color: #fff;margin-bottom: 20px;}
.about_brand_album .intro .text .con h4 em{line-height: 1em;font-size: 34px;color: rgba(255,255,255,0.3);}
.about_brand_album .intro .text .con a{margin-top: 30px;padding: 0 25px;display: inline-block;vertical-align: middle;background-color: rgb(248,238,223);height: 46px;border-radius: 46px;line-height: 46px;font-size: 14px;color: rgb(85,85,85);-webkit-transition: all 400ms;transition: all 400ms;}
.about_brand_album .intro .text .con a img{display: inline-block;vertical-align: middle;padding-left: 10px;}
.about_brand_album .intro .text .con a:hover{background-color: rgb(239,214,191);}

/*about_brand_journal*/
.about_brand_journal{font-size: 0px;}
.about_brand_journal .title{font-size: 0px;text-align: center;height: 36px;}
.about_brand_journal .title a{display: inline-block;vertical-align: top;padding: 0 24px;height: 36px;line-height: 36px;margin: 0 5px;font-size: 14px;color: rgb(153,153,153);background-color: rgb(249,247,247);border-radius: 36px;-webkit-transition: all 400ms;transition: all 400ms;}
.about_brand_journal .title a.on{background-color: rgb(255,168,0);color: #fff;}
.about_brand_journal .title a:hover{background-color: rgb(255,168,0);color: #fff;}
.about_brand_journal .intro .nimble{background-color: rgb(248,248,248);}
.about_brand_journal .intro .text{display: table-cell;vertical-align: top;width: 840px;height: 360px;position: relative;background: url(../images/about_brand_journal_01.jpg) no-repeat center;background-size: cover;}
.about_brand_journal .intro .text h4{margin-top: 12px;margin-left: 38px;}
.about_brand_journal .intro .text h4 em{line-height: 0.8em;font-family:'webfont-RUBIK-REGULAR';font-size: 34px;color: rgb(153,153,153);text-transform: uppercase;}
.about_brand_journal .intro .text strong{line-height: 0.8em;font-size: 24px;color: rgb(235,9,35);margin-top: 15px;}
.about_brand_journal .journal{padding: 105px 460px 80px 460px;margin: -60px -460px 0 -460px;background: rgb(248,248,248) url(../images/about_brand_video_03.jpg) no-repeat center top;}
.about_brand_journal .journal .box{background-color: #fff;padding:80px 0;}
.about_brand_journal .journal ul{font-size: 0px;width: 1096px;margin: 0 auto;}
.about_brand_journal .journal ul::after{content: "";display: block;clear: both;}
.about_brand_journal .journal ul li{float: left;display: inline-block;vertical-align: top;width: 205px;height: 336px;margin-left: 92px;margin-top: 55px;}
.about_brand_journal .journal ul li:nth-child(-n+4){margin-top: 0;}
.about_brand_journal .journal ul li:nth-child(4n+1){margin-left: 0;}
.about_brand_journal .journal ul li .ov{width: 205px;height: 293px;position: relative;overflow: hidden;box-shadow: 6px 6px 20px 0px rgba(203,186,125,0.25);}
.about_brand_journal .journal ul li .ov img{width: 205px;height: 293px;}
.about_brand_journal .journal ul li .ov .hover{position: absolute;top: 0;left: 205px;width: 205px;height: 293px;background: url(../images/about_brand_journal_03.jpg) no-repeat center;text-align: center;display: table;-webkit-transition: all 400ms;transition: all 400ms;}
.about_brand_journal .journal ul li .ov .hover div{display: table-cell;vertical-align: middle;}
.about_brand_journal .journal ul li .ov .hover div a{width: 58px;height: 58px;margin: 10px auto;background-color: #da9c1c;background-repeat: no-repeat;background-position: center;border-radius: 58px;-webkit-transition: all 400ms;transition: all 400ms;text-indent: -222222px;}
.about_brand_journal .journal ul li .ov .hover div a.look{background-image: url(../images/about_brand_journal_04.png);}
.about_brand_journal .journal ul li .ov .hover div a.load{background-image: url(../images/about_brand_journal_05.png);}
.about_brand_journal .journal ul li .ov .hover div a:hover{background-color: rgb(235,9,35);}
.about_brand_journal .journal ul li h5{width: 205px;height: 34px;margin-top: 15px;position: relative;box-sizing: border-box;}
.about_brand_journal .journal ul li h5 em{position: absolute;left: 0;font-family:'webfont-RUBIK-REGULAR';font-size: 30px;color: rgb(235,9,35);line-height: 1em;padding-top: 4px;padding-right: 10px;width: 35px;}
.about_brand_journal .journal ul li h5 strong{display: block;font-size: 16px;color: rgb(83,83,83);line-height: 34px;height: 34px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
 
.about_brand_journal .journal ul li a:hover strong{ color:#eb0923; font-weight:bold;}
.about_brand_journal .journal ul li a:hover img{-webkit-transform: scale(1.05,1.05);transform: scale(1.05,1.05);-webkit-transition: all 4000ms ease-out;transition: all 4000ms ease-out;}


 




.about_brand_journal .journal ul li:hover .hover{left: 0px;}
.about_brand_journal .journal .more{cursor: pointer;margin-top: 80px;margin-left: auto;margin-right: auto;width: 1096px;height: 60px;font-size: 0px;text-align: center;line-height: 60px;background-color: rgb(255,247,238);-webkit-transition: all 400ms;transition: all 400ms;}
.about_brand_journal .journal .more div{display: inline-block;vertical-align: middle;width: 10px;height: 10px;background-color: rgb(235,9,35);margin: 0 5px;border-radius: 10px;-webkit-transition: all 400ms;transition: all 400ms;}
.about_brand_journal .journal .more{-webkit-transition: all 400ms;transition: all 400ms;}
.about_brand_journal .journal .more div{-webkit-transition: all 400ms;transition: all 400ms;}
.about_brand_journal .journal .more:hover{background-color: rgb(235,9,35);}
.about_brand_journal .journal .more:hover div{background-color: rgb(255,255,255);}

/*about_party*/
.about_party .wrap{padding-top: 0px;background: none;background-color: rgb(245,245,245);}
.about_party .star{height: 20px;position: relative;text-align: center;font-size: 0px;margin-left: auto;margin-right: auto;}
.about_party .star::before{content: "";display: block;position: absolute;z-index: 1;top: 9px;left: 0px;width: 100%;height: 2px;background-color: rgb(235,9,35);}
.about_party .star div{position: relative;z-index: 2;height: 20px;display: inline-block;vertical-align: top;padding: 0 18px;}
.about_party .star div em{display: inline-block;vertical-align: top;width: 12px;height: 20px;background: url(../images/about_party_02.png) no-repeat center;}
.about_party .star div em:nth-of-type(-n+3){margin-right: 10px;}
.about_party .star div em:nth-of-type(n+4){margin-left: 10px;}
.about_party .star div h3{display: inline-block;vertical-align: top;padding: 0 5px;height: 20px;line-height: 20px;font-size: 20px;color: rgb(235,9,35);}
.about_party .topimg{height: 460px;padding: 0 460px;margin: 0 -460px;position: relative;background: url(../images/about_party_01.jpg) no-repeat center;}
.about_party .party_dynamic{background-color: #fff;padding-bottom: 50px;margin-bottom: 80px;margin-top: 80px;}
.about_party .party_dynamic .star{background-color: rgb(245,245,245);padding-bottom: 15px;}
.about_party .party_dynamic .star div{background-color: rgb(245,245,245);}
.about_party .party_dynamic h5 div{display: inline-block;vertical-align: top;font-family:'webfont-RUBIK-REGULAR';font-size: 20px;color:#ddd1c1;}
.about_party .party_dynamic h5 div.month::before{content: ".";display: inline-block;}
.about_party .party_dynamic h5 div.day::before{content: ".";display: inline-block;}
.about_party .party_dynamic h4{font-size: 20px;color: rgb(85,85,85);}
.about_party .party_dynamic p{margin: 0;}
.about_party .party_dynamic .topnews{padding: 50px 40px 20px 40px;font-size: 0px;text-align: right;}
.about_party .party_dynamic .topnews::after{content: "";display: block;clear: both;}
.about_party .party_dynamic .topnews .ov{float: left;display: inline-block;vertical-align: top;width: 500px;height: 275px;overflow: hidden;}
.about_party .party_dynamic .topnews .ov img{width: 500px;height: 275px;-webkit-transform-origin: center;transform-origin: center;-webkit-transition: all 400ms ease-out;transition: all 400ms ease-out;}
.about_party .party_dynamic .topnews .newsbar{float: left;display: inline-block;vertical-align: top;width: 700px;height: 275px;box-sizing: border-box;padding-left: 40px;padding-top: 20px;padding-right: 15px;position: relative;}
.about_party .party_dynamic .topnews .newsbar h4{margin: 25px 0;text-align: left;-webkit-transition: all 400ms;transition: all 400ms;}
.about_party .party_dynamic .topnews .newsbar h5{text-align: left;}
.about_party .party_dynamic .topnews .newsbar p{width: 550px;text-align: justify;}
.about_party .party_dynamic .topnews .newsbar button{display: inline-block;height: 44px;line-height: 44px;padding: 0 30px;margin-top: 35px;font-size: 14px;background-color: rgb(255,168,0);color: #fff;-webkit-transition: all 400ms;transition: all 400ms;}
.about_party .party_dynamic .topnews:hover img{-webkit-transform: scale(1.05,1.05);transform: scale(1.05,1.05);-webkit-transition: all 4000ms ease-out;transition: all 4000ms ease-out;}
.about_party .party_dynamic .topnews:hover h4{color: rgb(235,9,35);}
.about_party .party_dynamic .topnews:hover button{background-color: rgb(235,9,35);}
.about_party .party_dynamic .newsbars{padding: 0 40px;font-size: 0px;}
.about_party .party_dynamic .newsbars li a{height: 140px;position: relative;box-sizing: border-box;border-top: 2px solid rgb(237,241,237);padding-top: 28px;padding-left: 180px;}
.about_party .party_dynamic .newsbars li:nth-child(1) a{border-top-color: transparent;}
.about_party .party_dynamic .newsbars li h5{width: 180px;position: absolute;top: 28px;left: 0;}
.about_party .party_dynamic .newsbars li h5 div{color: #ddd1c1;}
.about_party .party_dynamic .newsbars li h4{width: 680px;margin-bottom: 20px;-webkit-transition: all 400ms;transition: all 400ms;}
.about_party .party_dynamic .newsbars li p{width: 680px;margin-top: 0;}
.about_party .party_dynamic .newsbars li button{position: absolute;top: 0;bottom: 0;right: 20px;margin-top: auto;margin-bottom: auto;width: 46px;height: 46px;border-radius: 46px;box-sizing: border-box;border:2px solid rgb(214,214,214);background: url(../images/about_party_04.png) no-repeat center;color: transparent;cursor: pointer;-webkit-transition: all 400ms;transition: all 400ms;}
.about_party .party_dynamic .newsbars li:hover h4{color: rgb(235,9,35);}
.about_party .party_dynamic .newsbars li:hover button{border-color: rgb(235,9,35);background-image: url(../images/about_party_05.png);}
.about_party .party_dynamic .more{cursor: pointer;margin-top: 20px;margin-left: 40px;margin-right: 40px;height: 60px;font-size: 0px;text-align: center;line-height: 60px;background-color: rgb(255,247,238);-webkit-transition: all 400ms;transition: all 400ms;}
.about_party .party_dynamic .more div{display: inline-block;vertical-align: middle;width: 10px;height: 10px;background-color: rgb(235,9,35);margin: 0 5px;border-radius: 10px;-webkit-transition: all 400ms;transition: all 400ms;}
.about_party .party_dynamic .more{-webkit-transition: all 400ms;transition: all 400ms;}
.about_party .party_dynamic .more div{-webkit-transition: all 400ms;transition: all 400ms;}
.about_party .party_dynamic .more:hover{background-color: rgb(235,9,35);}
.about_party .party_dynamic .more:hover div{background-color: rgb(255,255,255);}
.about_party .party_branch{padding:45px 460px;margin: 0 -460px;}
.about_party .party_branch .star div{background-color: rgb(245,245,245);}
.about_party .party_branch .text{margin-top: 25px;padding: 40px;background-color: #fff;}
.about_party .party_branch .text p:first-child{margin-top: 0px;}

/*about_party_d*/
.about_party_d .wrap{padding-top: 0px;background: none;background-color: rgb(245,245,245);}
.about_party_d .topimg{height: 460px;padding: 0 460px;margin: 0 -460px;position: relative;;background: url(../images/about_party_01.jpg) no-repeat center;}
.about_party_d .star{height: 20px;position: relative;text-align: center;font-size: 0px;margin-left: auto;margin-right: auto;margin: 55px 0 20px 0;}
.about_party_d .star::before{content: "";display: block;position: absolute;z-index: 1;top: 9px;left: 0px;width: 100%;height: 2px;background-color: rgb(235,9,35);}
.about_party_d .star div{position: relative;z-index: 2;height: 20px;display: inline-block;vertical-align: top;padding: 0 18px;background-color: rgb(245,245,245);}
.about_party_d .star div em{display: inline-block;vertical-align: top;width: 12px;height: 20px;background: url(../images/about_party_02.png) no-repeat center;}
.about_party_d .star div em:nth-of-type(-n+3){margin-right: 10px;}
.about_party_d .star div em:nth-of-type(n+4){margin-left: 10px;}
.about_party_d .star div h3{display: inline-block;vertical-align: top;padding: 0 5px;height: 20px;line-height: 20px;font-size: 20px;color: rgb(235,9,35);}
.about_party_d .inwrap{font-size: 0px;position: relative;z-index: 2;padding: 0 460px 80px 460px;margin: 0 -460px;}
.about_party_d .inwrap .sitebar{display: table-cell;vertical-align: top;width: 460px;height: 650px;background-color: rgb(255,255,255);}
.about_party_d .inwrap .sitebar .con{width: 460px;box-sizing: border-box;padding: 50px 70px 50px 40px;}
.about_party_d .inwrap .sitebar h3 em{font-family:'webfont-RUBIK-REGULAR';font-size: 34px;color: rgba(228,228,228,1);text-transform: uppercase;}
.about_party_d .inwrap .sitebar h3 strong{margin-top: 10px;font-size: 20px;color: rgb(83,83,83);}
.about_party_d .inwrap .sitebar ul li a{margin-top: 35px;}
.about_party_d .inwrap .sitebar ul li:nth-child(1){margin-top: 0px;}
.about_party_d .inwrap .sitebar ul li a h5{font-size: 0px;}
.about_party_d .inwrap .sitebar ul li a h5 div{display: inline-block;vertical-align: middle;font-family:'webfont-RUBIK-REGULAR';font-size: 24px;color: #DDD1C1;line-height: 1em;}
.about_party_d .inwrap .sitebar ul li a h5 div.month::before{content: ".";display: inline-block;}
.about_party_d .inwrap .sitebar ul li a h5 div.day::before{content: ".";display: inline-block;}
.about_party_d .inwrap .sitebar ul li a h4{font-size: 20px;color: rgb(83,83,83);line-height: 1.74em;-webkit-transition: all 400ms;transition: all 400ms;}
.about_party_d .inwrap .sitebar ul li a p{margin: 0;text-align: justify;}
.about_party_d .inwrap .sitebar ul li a:hover h4{color: rgb(235,9,35);}
.about_party_d .inwrap .newsbox{display: table-cell;vertical-align: top;width: 820px;background-color: rgb(255,255,255);}
.about_party_d .inwrap .newsbox .box{width: 820px;height: 100%;box-sizing: border-box;padding: 50px 40px 50px 0px;background-color: rgb(255,255,255);}
.about_party_d .inwrap .newsbox .box .top{padding-bottom: 42px;border-bottom: 4px solid rgb(244,231,213);}
.about_party_d .inwrap .newsbox .box .top h4{font-size: 20px;color: rgb(83,83,83);line-height: 1.4em;margin-bottom: 30px;}
.about_party_d .inwrap .newsbox .box .top h5{float: left;font-size: 0px;text-align: left;height: 16px;}
.about_party_d .inwrap .newsbox .box .top h5 div{display: inline-block;vertical-align: middle;font-family:'webfont-RUBIK-REGULAR';font-size: 24px;color: #DDD1C1;height: 16px;line-height: 16px;}
.about_party_d .inwrap .newsbox .box .top h5 div.month::before{content: ".";display: inline-block;}
.about_party_d .inwrap .newsbox .box .top h5 div.day::before{content: ".";display: inline-block;}
.about_party_d .inwrap .newsbox .box .top .skim{float: left;height: 16px;line-height: 16px;margin-left: 36px;padding-left: 28px;background: url(../images/news_nimble_d_01.jpg) no-repeat left center;font-size: 14px;color: rgb(153,153,153);}
.about_party_d .inwrap .newsbox .box .top .back{float: right;height: 16px;line-height: 16px;padding-left: 28px;background: url(../images/news_nimble_d_00.png) no-repeat left center;font-size: 14px;color: rgb(153,153,153);-webkit-transition: all 400ms;transition: all 400ms;}
.about_party_d .inwrap .newsbox .box .top .back:hover{color: rgb(235,9,35);}
.about_party_d .inwrap .newsbox .box .text{padding-top: 40px;}
.about_party_d .inwrap .newsbox .box .text>:first-child{margin-top: 0px;}
.about_party_d .inwrap .newsbox .box .text p strong{font-weight: bold; display:inline;}
.about_party_d .inwrap .newsbox .box .text p img{margin: 0 auto;max-width: 100%;}
.about_party_d .inwrap .newsbox .box .share{margin-top: 50px;margin-bottom: 40px;font-size: 0px;}
.about_party_d .inwrap .newsbox .box .share p{font-size: 16px;color: rgb(255,168,0);margin-bottom: 16px !important;margin: 0px;line-height: 0.8em;}
.about_party_d .inwrap .newsbox .box .share a{display: inline-block !important;vertical-align: middle;width: 54px;height: 54px;padding: 0;margin-right: 12px;box-sizing: border-box;border: 2px solid rgb(244,231,213);-webkit-transition: all 400ms;transition: all 400ms;}
.about_party_d .inwrap .newsbox .box .share a.wx{background: url(../images/news_nimble_d_wechat.png) no-repeat center;}
.about_party_d .inwrap .newsbox .box .share a.wb{background: url(../images/news_nimble_d_sina.png) no-repeat center;}
.about_party_d .inwrap .newsbox .box .share a.qzone{background: url(../images/news_nimble_d_qqzone.png) no-repeat center;}
.about_party_d .inwrap .newsbox .box .share a.qq{background: url(../images/news_nimble_d_qq.png) no-repeat center;}
.about_party_d .inwrap .newsbox .box .share a.wx:hover{border-color: rgb(235,9,35);background-color: rgb(235,9,35);background-image: url(../images/news_nimble_d_wechat_hover.png)}
.about_party_d .inwrap .newsbox .box .share a.wb:hover{border-color: rgb(235,9,35);background-color: rgb(235,9,35);background-image: url(../images/news_nimble_d_sina_hover.png)}
.about_party_d .inwrap .newsbox .box .share a.qzone:hover{border-color: rgb(235,9,35);background-color: rgb(235,9,35);background-image: url(../images/news_nimble_d_qqzone_hover.png)}
.about_party_d .inwrap .newsbox .box .share a.qq:hover{border-color: rgb(235,9,35);background-color: rgb(235,9,35);background-image: url(../images/news_nimble_d_qq_hover.png)}
#bsWXBox .bsTop span{height: 24px;line-height: 24px;} 
.about_party_d .inwrap .newsbox .box .control{margin-top: 40px;font-size: 0px;height: 60px;}
.about_party_d .inwrap .newsbox .box .control a{display: inline-block;vertical-align: top;width: 389px;height: 60px;background-color: rgb(251,243,237);background-repeat: no-repeat;background-position: center;-webkit-transition: all 400ms;transition: all 400ms;}
.about_party_d .inwrap .newsbox .box .control a.prev{background-image: url(../images/about_strategy_left.png);float: left;}
.about_party_d .inwrap .newsbox .box .control a.next{background-image: url(../images/about_strategy_right.png);float: right;}
.about_party_d .inwrap .newsbox .box .control a:hover{background-color: rgb(239,214,191);}

/*about_milestone*/
.about_milestone .intro{font-size: 0px;position: relative;z-index: 2;}
.about_milestone .intro .box{-webkit-transform-origin: center;transform-origin: center;-webkit-transition: all 1000ms;transition: all 1000ms;}
.about_milestone .intro .box:hover{-webkit-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}
.about_milestone .intro .nimble{display: table-cell;vertical-align: top;width: 440px;height: 360px;background: url(../images/about_group_07.jpg) no-repeat center bottom;background-size: cover;}
.about_milestone .intro .nimble .con{width: 440px;height: 360px;box-sizing: border-box;padding: 50px 40px;position: relative;}
.about_milestone .intro .nimble::before{content: "";display: block;position: absolute;width: 402px;height: 95px;bottom: 0;right: 0;background: url(../images/about_group_08.png) no-repeat;}
.about_milestone .intro .nimble h4 em{display: block;font-family:'webfont-RUBIK-REGULAR';font-size: 60px;color: rgba(255,255,255,0.6);line-height: 0.8em;}
.about_milestone .intro .nimble h5 strong{font-size: 20px;color: #9e630e;margin-top: 30px;}
.about_milestone .intro .nimble h5 em{color: #ffefbf;opacity: 0.4;}
.about_milestone .intro .text{display: table-cell;vertical-align: top;width: 840px;height: 360px;position: relative;background: url(../images/about_milestone_02.jpg) no-repeat center;background-size: cover;}
.about_milestone .intro .text .con{width: 840px;height: 360px;box-sizing: border-box;padding-top: 52px;padding-left: 60px;}
.about_milestone .intro .text h4 strong{line-height: 0.8em;font-size: 24px;color: #c9b27c;letter-spacing: 2px;margin-bottom: 12px;}
.about_milestone .intro .text h4 em{font-family:'webfont-RUBIK-REGULAR';line-height: 0.8em;font-size: 30px;color: rgb(253,233,144);text-transform: uppercase;}
.about_milestone .intro .text .year{width: 140px;height: 89px;position: absolute;top: 46px;left: 182px;}
.about_milestone .intro .text .year div{position: absolute;top: 10px;left: 22px;z-index: 2;width: 144px;height: 89px;text-align: right;line-height: 89px;font-size: 34px;color:rgb(235,9,35);}
.about_milestone .intro .rightbg{position: absolute;z-index: -1;top: 0;right: -460px;width: 460px;height: 360px;background: url(../images/about_strategy_04.jpg) no-repeat center;background-size: cover;}
.about_milestone .milestone{position: relative;z-index: 1;height: 678px;padding: 60px 460px 0 460px;margin: -60px -460px 0px -460px;background: rgb(255,250,244) url(../images/about_milestone_03.jpg) no-repeat bottom;}
.about_milestone .milestone .slide{width: 1280px;height:678px;position: relative;overflow: hidden;}
.about_milestone .milestone .slide .toggle{position: absolute;z-index: 3;top: 27px;right: 0;width: 114px;height: 56px;font-size: 0px;}
.about_milestone .milestone .slide .toggle button{display: inline-block;vertical-align: top;width: 56px;height: 56px;cursor:pointer;background-color: rgb(245,230,217);background-repeat: no-repeat;background-position: center;-webkit-transition: all 400ms;transition: all 400ms;}
.about_milestone .milestone .slide .toggle button.prev{background-image: url(../images/about_strategy_left.png);float: left;}
.about_milestone .milestone .slide .toggle button.next{background-image: url(../images/about_strategy_right.png);float: right;}
.about_milestone .milestone .slide .toggle button:hover{background-color: rgb(239,214,191);}
.about_milestone .milestone .slide .bd{width: 1280px;height: 460px;position: relative;top: 110px;overflow: hidden;}
.about_milestone .milestone .slide .bd li{width: 200px;height: 260px;position: relative;padding: 0 28px;}
.about_milestone .milestone .slide .bd li.top0{margin-top: 0px;}
.about_milestone .milestone .slide .bd li.top1{margin-top: 50px;}
.about_milestone .milestone .slide .bd li.top2{margin-top: 100px;}
.about_milestone .milestone .slide .bd li.top3{margin-top: 150px;}
.about_milestone .milestone .slide .bd li.top4{margin-top: 200px;}
.about_milestone .milestone .slide .bd li::before{content: "";position: absolute;z-index: 1;top: 20px;left: 8px;width: 4px;height: 240px;background-color: rgb(251,242,227);background-image: linear-gradient(0deg,rgba(255,250,244,1) 0%,rgba(251,242,227,1) 16%);}
.about_milestone .milestone .slide .bd li::after{content: "";position: absolute;z-index: 2;top: 20px;left: 8px;width: 4px;height: 190px;background-color: rgb(246,231,206);}
.about_milestone .milestone .slide .bd li h5{font-family:'webfont-RUBIK-REGULAR';font-size: 34px;height: 34px;color: rgb(235,9,35);position: relative;z-index: 3;}
.about_milestone .milestone .slide .bd li h5::before{content: "";position: absolute;top: 0;bottom: 0;left: -28px;margin: auto;width: 20px;height: 20px;box-sizing: border-box;border: 4px solid rgb(255,168,0);background-color: rgb(255,250,244);border-radius: 20px;}
.about_milestone .milestone .slide .bd li h6{font-size: 20px;color: rgb(85,85,85);font-weight: bold;margin-top: 6px;margin-bottom: 10px;}
.about_milestone .milestone .slide .bd li .box{max-height: 190px;overflow: auto;box-sizing: border-box;padding-right: 2px;}
.about_milestone .milestone .slide .bd li .box p{margin: 0;}

/*about_honor*/
.about_honor .intro{font-size: 0px;position: relative;z-index: 2;}
.about_honor .intro .box{-webkit-transform-origin: center;transform-origin: center;-webkit-transition: all 1000ms;transition: all 1000ms;}
.about_honor .intro .box:hover{-webkit-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}
.about_honor .intro .nimble{display: table-cell;vertical-align: top;width: 440px;height: 360px;background: url(../images/about_group_07.jpg) no-repeat center bottom;background-size: cover;}
.about_honor .intro .nimble .con{width: 440px;height: 360px;box-sizing: border-box;padding: 50px 40px;position: relative;}
.about_honor .intro .nimble::before{content: "";display: block;position: absolute;width: 402px;height: 95px;bottom: 0;right: 0;background: url(../images/about_group_08.png) no-repeat;}
.about_honor .intro .nimble h4 em{display: block;font-family:'webfont-RUBIK-REGULAR';font-size: 60px;color: rgba(255,255,255,0.6);line-height: 0.8em;}
.about_honor .intro .nimble h5 strong{font-size: 20px;color: #9e630e;margin-top: 30px;}
.about_honor .intro .nimble h5 em{color: #ffefbf;opacity: 0.4;}
.about_honor .intro .text{display: table-cell;vertical-align: top;width: 840px;height: 360px;position: relative;background: url(../images/about_honor_01.jpg) no-repeat center;background-size: cover;}
.about_honor .intro .text .con{width: 840px;height: 360px;box-sizing: border-box;padding-top: 55px;padding-left: 80px;position: relative;}
.about_honor .intro .text h4 em{font-family:'webfont-RUBIK-REGULAR';line-height: 0.8em;font-size: 62px;color: rgba(255,168,0,0.3);text-transform: uppercase;}
.about_honor .intro .text h4 strong{line-height: 0.8em;font-size: 20px;color: rgb(235,9,35);margin-top: 15px;margin-left: 6px;}
.about_honor .intro .rightbg{position: absolute;z-index: -1;top: 0;right: -460px;width: 460px;height: 360px;background: url(../images/about_strategy_04.jpg) no-repeat center;background-size: cover;}
.about_honor .honor{position: relative;z-index: 1;height: 678px;padding: 60px 460px 0 460px;margin: -60px -460px 0px -460px;background: rgb(255,250,244) url(../images/about_honor_02.jpg) no-repeat bottom;}
.about_honor .honor .slide{width: 1280px;height:678px;position: relative;}
.about_honor .honor .slide .toggle{position: absolute;z-index: 3;top: 27px;right: 0;width: 114px;height: 56px;font-size: 0px;}
.about_honor .honor .slide .toggle button{display: inline-block;vertical-align: top;width: 56px;height: 56px;cursor:pointer;background-color: rgb(245,230,217);background-repeat: no-repeat;background-position: center;-webkit-transition: all 400ms;transition: all 400ms;}
.about_honor .honor .slide .toggle button.prev{background-image: url(../images/about_strategy_left.png);float: left;}
.about_honor .honor .slide .toggle button.next{background-image: url(../images/about_strategy_right.png);float: right;}
.about_honor .honor .slide .toggle button:hover{background-color: rgb(239,214,191);}
.about_honor .honor .slide .bd{width: 1280px;height: 460px;position: relative;top: 110px;overflow: hidden;}
.about_honor .honor .slide .bd li{width:264px;height: 260px;position: relative;padding: 0 28px;}
.about_honor .honor .slide .bd li.top0{margin-top: 0px;}
.about_honor .honor .slide .bd li.top1{margin-top: 50px;}
.about_honor .honor .slide .bd li.top2{margin-top: 100px;}
.about_honor .honor .slide .bd li.top3{margin-top: 150px;}
.about_honor .honor .slide .bd li.top4{margin-top: 200px;}
.about_honor .honor .slide .bd li::before{content: "";position: absolute;z-index: 1;top: 20px;left: 8px;width: 4px;height: 240px;background-color: rgb(251,242,227);background-image: linear-gradient(0deg,rgba(255,250,244,1) 0%,rgba(251,242,227,1) 16%);}
.about_honor .honor .slide .bd li::after{content: "";position: absolute;z-index: 2;top: 20px;left: 8px;width: 4px;height: 190px;background-color: rgb(246,231,206);}
.about_honor .honor .slide .bd li h5{font-family:'webfont-RUBIK-REGULAR';font-size: 34px;height: 34px;color: rgb(235,9,35);position: relative;z-index: 3;}
.about_honor .honor .slide .bd li h5::before{content: "";position: absolute;top: 0;bottom: 0;left: -28px;margin: auto;width: 20px;height: 20px;box-sizing: border-box;border: 4px solid rgb(255,168,0);background-color: rgb(255,250,244);border-radius: 20px;}
.about_honor .honor .slide .bd li .box{max-height: 200px;overflow: auto;margin-top: 26px;}
.about_honor .honor .slide .bd li .box p{margin: 0;}

/*news_nimble/news_media/news_media*/
.content.news .inwrap{position: relative;z-index: 2;}
.content.news .inwrap .sitebar{display: table-cell;vertical-align: top;width: 460px;box-sizing: border-box;padding: 50px 40px;background-color: rgb(252,250,244);background-image: linear-gradient(-45deg,rgb(255,255,255) 60%,rgb(252,250,244) 100%);}
.content.news .inwrap .sitebar h5 strong{font-size: 20px;color: #9e630e;margin-top: 20px;margin-bottom: 18px;}
.content.news .inwrap .sitebar h5 em{font-family:'webfont-RUBIK-REGULAR';font-size: 18px;color: rgb(213,213,213);line-height: 1.2em;}
.content.news .inwrap .sitebar .search{margin-top: 50px;width: 380px;height: 66px;position: relative;background-color: rgb(241,235,218);}
.content.news .inwrap .sitebar .search input{display: inline-block;vertical-align: middle;width: 319px;height: 66px;box-sizing: border-box;padding: 0 25px;font-size: 14px;color: rgb(120,103,76);}
.content.news .inwrap .sitebar .search button{display: inline-block;vertical-align: middle;width: 36px;height: 36px;cursor: pointer;background: url(../images/news_nimble_01.png) no-repeat center;color: transparent;}
.content.news .inwrap .sitebar .journal{margin-top: 50px;}
.content.news .inwrap .sitebar .journal .number{font-size: 0px;}
.content.news .inwrap .sitebar .journal .number div{display: inline-block;vertical-align: baseline;font-family:'webfont-RUBIK-REGULAR';font-size: 80px;color: #c9b27c;line-height: 0.8em;}
.content.news .inwrap .sitebar .journal .number em{display: inline-block;vertical-align: baseline;font-size: 20px;color: rgb(85,85,85);padding-left: 10px;}
.content.news .inwrap .sitebar .journal h6{margin: 25px 0;padding-left: 50px;position: relative;}
.content.news .inwrap .sitebar .journal h6::before{content: "";display: block;position: absolute;bottom: 0;left: 0;width: 44px;height: 45px;background: url(../images/news_nimble_02.png) no-repeat center;}
.content.news .inwrap .sitebar .journal h6 strong{font-size: 16px;color: rgb(85,85,85);line-height: 0.8em;margin: 15px 0;}
.content.news .inwrap .sitebar .journal h6 em{font-size: 16px;line-height: 0.8em;font-family:'webfont-RUBIK-REGULAR';color: rgb(153,153,153);text-transform: uppercase;margin: 15px 0;}
.content.news .inwrap .sitebar .journal a{padding: 0 25px;display: inline-block;vertical-align: middle;background-color: rgb(248,238,223);height: 46px;border-radius: 46px;line-height: 46px;font-size: 14px;color: rgb(85,85,85);-webkit-transition: all 400ms;transition: all 400ms;display:block;}
.content.news .inwrap .sitebar .journal a img{display: inline-block;vertical-align: middle;padding-left: 10px;}
.content.news .inwrap .sitebar .journal a:hover{background-color: rgb(245,230,217);}
.content.news .inwrap .newsbox{display: table-cell;vertical-align: top;width: 820px;}
.content.news .inwrap .newsbox .box{width: 820px;padding: 50px 460px 80px 0px;margin-right: -460px;background-color: rgb(245,245,245);background-image: linear-gradient(0deg,rgb(255,255,255) 50%,rgb(245,245,245) 100%);}
.content.news .inwrap .newsbox .box p{margin-top: 0;text-align: justify;}
.content.news .inwrap .newsbox .box .topnews{width: 780px;height: 250px;margin-left: 40px;box-sizing: border-box;padding-left: 394px;position: relative;display: table;-webkit-transition: all 400ms;transition: all 400ms;}
.content.news .inwrap .newsbox .box .topnews .ov{width: 360px;height: 250px;position: absolute;top: 0;left: 0;overflow: hidden;}
.content.news .inwrap .newsbox .box .topnews .ov img{width: 360px;height: 250px;-webkit-transition: all 400ms ease-out;transition: all 400ms ease-out;-webkit-transform-origin: center;transform-origin: center;}
.content.news .inwrap .newsbox .box .topnews .newsbar{display: table-cell;vertical-align: middle;text-align: right;}
.content.news .inwrap .newsbox .box .topnews .newsbar h5{font-size: 0px;text-align: left;}
.content.news .inwrap .newsbox .box .topnews .newsbar h5 div{display: inline-block;vertical-align: middle;font-family:'webfont-RUBIK-REGULAR';font-size: 20px;color: #DDD1C1;line-height: 0.8em;}
.content.news .inwrap .newsbox .box .topnews .newsbar h5 div.month::before{content: ".";display: inline-block;}
.content.news .inwrap .newsbox .box .topnews .newsbar h5 div.day::before{content: ".";display: inline-block;}
.content.news .inwrap .newsbox .box .topnews .newsbar h4{font-size: 20px;color: rgb(83,83,83);line-height: 1.4em;margin: 10px 0;text-align: left;}
.content.news .inwrap .newsbox .box .topnews .newsbar button{cursor: pointer;width: 108px;height: 44px;display: inline-block;background-color: rgb(255,168,0);text-align: center;line-height: 44px;font-size: 14px;color: #fff;margin-top: 10px;-webkit-transition: all 400ms;transition: all 400ms;}
.content.news .inwrap .newsbox .box .topnews:hover img{-webkit-transform: scale(1.05,1.05);transform: scale(1.05,1.05);-webkit-transition: all 4000ms ease-out;transition: all 4000ms ease-out;}
.content.news .inwrap .newsbox .box .topnews:hover button{background-color: rgb(235,9,35);}
.content.news .inwrap .newsbox .box .keyword{width: 780px;height: 150px;font-size: 33px; color:#c09525;margin-left: 40px;box-sizing: border-box;padding-left: 180px;padding-top: 65px;padding-right: 40px;background:url(../images/news_search_01.jpg) no-repeat top;}
.content.news .inwrap .newsbox .box .keyword q{color: rgb(235,9,35);font-weight: bold;}
.content.news .inwrap .newsbox .box .newsbars{margin-top: 40px;}
.content.news .inwrap .newsbox .box .newsbars li{padding-left: 40px;height: 126px;position: relative;overflow: hidden;-webkit-transition: all 400ms;transition: all 400ms;}
.content.news .inwrap .newsbox .box .newsbars li .newsbar{padding-left: 140px;height: 126px;box-sizing: border-box;border-top: 1px solid rgb(232,232,232);border-bottom: 1px solid rgb(232,232,232);-webkit-transition: all 400ms;transition: all 400ms;}
.content.news .inwrap .newsbox .box .newsbars li a{display:block;}
.content.news .inwrap .newsbox .box .newsbars>li:first-child .newsbar{border-top-color: transparent;}
.content.news .inwrap .newsbox .box .newsbars>li:last-child .newsbar{border-bottom-color: transparent;}
.content.news .inwrap .newsbox .box .newsbars li .newsbar h5{position: absolute;top: 20px;left: 40px;width: auto;height: auto;}
.content.news .inwrap .newsbox .box .newsbars li .newsbar h5 div{display: inline-block;vertical-align: middle;font-family:'webfont-RUBIK-REGULAR';font-size: 20px;color: #DDD1C1;line-height: 0.8em;}
.content.news .inwrap .newsbox .box .newsbars li .newsbar h5 div.month::before{content: ".";display: inline-block;}
.content.news .inwrap .newsbox .box .newsbars li .newsbar h5 div.day::before{content: ".";display: inline-block;}
.content.news .inwrap .newsbox .box .newsbars li .newsbar h4{font-size: 20px;color: rgb(83,83,83);line-height: 24px;margin: 15px 0 15px 0; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.content.news .inwrap .newsbox .box .newsbars li .newsbar button{cursor: pointer;position: absolute;z-index: 2;top: -1px;right: -126px;width: 126px;height: 126px;color: transparent;background: rgb(235,9,35) url(../images/news_nimble_03.png) no-repeat center;box-shadow: -100px 0 125px #f5e8de;opacity: 0;-webkit-transition: all 400ms;transition: all 400ms;}
.content.news .inwrap .newsbox .box .newsbars li:hover{background-color: #f5e7db;}
.content.news .inwrap .newsbox .box .newsbars li:hover .newsbar{border-color: #f5e7db;}
.content.news .inwrap .newsbox .box .newsbars li:hover h5{border-color: rgb(253,245,238);}
.content.news .inwrap .newsbox .box .newsbars li:hover button{opacity: 1;right: 0px;}
.content.news .inwrap .newsbox .box .more{cursor: pointer;margin-top: 20px;margin-left: 40px;height: 60px;font-size: 0px;text-align: center;line-height: 60px;background-color: rgb(255,247,238);-webkit-transition: all 400ms;transition: all 400ms;}
.content.news .inwrap .newsbox .box .more div{display: inline-block;vertical-align: middle;width: 10px;height: 10px;background-color: rgb(235,9,35);margin: 0 5px;border-radius: 10px;-webkit-transition: all 400ms;transition: all 400ms;}
.content.news .inwrap .newsbox .box .more{-webkit-transition: all 400ms;transition: all 400ms;}
.content.news .inwrap .newsbox .box .more div{-webkit-transition: all 400ms;transition: all 400ms;}
.content.news .inwrap .newsbox .box .more:hover{background-color: rgb(235,9,35);}
.content.news .inwrap .newsbox .box .more:hover div{background-color: rgb(255,255,255);}
.content.news .inwrap .newsbox .box .top{padding-bottom: 42px;border-bottom: 4px solid rgb(244,231,213);margin-left: 40px;}
.content.news .inwrap .newsbox .box .top h4{font-size: 20px;color: rgb(83,83,83);line-height: 1.4em;margin-bottom: 30px;}
.content.news .inwrap .newsbox .box .top h5{float: left;font-size: 0px;text-align: left;height: 16px;}
.content.news .inwrap .newsbox .box .top h5 div{display: inline-block;vertical-align: middle;font-family:'webfont-RUBIK-REGULAR';font-size: 24px;color: #DDD1C1;height: 16px;line-height: 16px;}
.content.news .inwrap .newsbox .box .top h5 div.month::before{content: ".";display: inline-block;}
.content.news .inwrap .newsbox .box .top h5 div.day::before{content: ".";display: inline-block;}
.content.news .inwrap .newsbox .box .top .skim{float: left;height: 16px;line-height: 16px;margin-left: 36px;padding-left: 28px;background: url(../images/news_nimble_d_01.jpg) no-repeat left center;font-size: 14px;color: rgb(153,153,153);}
.content.news .inwrap .newsbox .box .top .media_route{float: left;height: 16px;line-height: 16px;margin-left: 36px;font-size: 14px;color: rgb(153,153,153);}
.content.news .inwrap .newsbox .box .top .back{float: right;height: 16px;line-height: 16px;padding-left: 28px;background: url(../images/news_nimble_d_00.png) no-repeat left center;font-size: 14px;color: rgb(153,153,153);-webkit-transition: all 400ms;transition: all 400ms;}
.content.news .inwrap .newsbox .box .top .back:hover{color: rgb(235,9,35);}
.content.news .inwrap .newsbox .box .top .apply{float: right;height: 42px;line-height: 42px;margin-left: 36px;margin-top: -13px;margin-bottom: -13px;padding: 0 24px;border-radius: 42px;font-size: 14px;background-color: rgb(201,178,124);color: rgb(255,255,255);cursor: pointer;-webkit-transition: all 400ms;transition: all 400ms;}
.content.news .inwrap .newsbox .box .top .apply:hover{background-color: rgb(235,9,35);}
.content.news .inwrap .newsbox .box .text{padding-top: 40px;margin-left: 40px;}
.content.news .inwrap .newsbox .box .text>:first-child{margin-top: 0px;}
.content.news .inwrap .newsbox .box .text p{margin-top: 22px;}
.content.news .inwrap .newsbox .box .text p strong{font-weight: bold;}
.content.news .inwrap .newsbox .box .text p img{margin: 0 auto;max-width: 100%;}
.content.news .inwrap .newsbox .box .share{margin-top: 50px;margin-bottom: 40px;font-size: 0px;margin-left: 40px;}
.content.news .inwrap .newsbox .box .share p{font-size: 16px;color: rgb(255,168,0);margin-top: 0px;margin-bottom: 16px;line-height: 0.8em;}
.content.news .inwrap .newsbox .box .share a{display: inline-block !important;vertical-align: middle;width: 54px;height: 54px;padding: 0;margin-right: 12px;box-sizing: border-box;border: 2px solid rgb(244,231,213);-webkit-transition: all 400ms;transition: all 400ms;}
.content.news .inwrap .newsbox .box .share a.wx{background: url(../images/news_nimble_d_wechat.png) no-repeat center;}
.content.news .inwrap .newsbox .box .share a.wb{background: url(../images/news_nimble_d_sina.png) no-repeat center;}
.content.news .inwrap .newsbox .box .share a.qzone{background: url(../images/news_nimble_d_qqzone.png) no-repeat center;}
.content.news .inwrap .newsbox .box .share a.qq{background: url(../images/news_nimble_d_qq.png) no-repeat center;}
.content.news .inwrap .newsbox .box .share a.wx:hover{border-color: rgb(235,9,35);background-color: rgb(235,9,35);background-image: url(../images/news_nimble_d_wechat_hover.png)}
.content.news .inwrap .newsbox .box .share a.wb:hover{border-color: rgb(235,9,35);background-color: rgb(235,9,35);background-image: url(../images/news_nimble_d_sina_hover.png)}
.content.news .inwrap .newsbox .box .share a.qzone:hover{border-color: rgb(235,9,35);background-color: rgb(235,9,35);background-image: url(../images/news_nimble_d_qqzone_hover.png)}
.content.news .inwrap .newsbox .box .share a.qq:hover{border-color: rgb(235,9,35);background-color: rgb(235,9,35);background-image: url(../images/news_nimble_d_qq_hover.png)}
#bsWXBox .bsTop span{height: 24px;line-height: 24px;} 
.content.news .inwrap .newsbox .box .control{margin-top: 40px;font-size: 0px;height: 60px;margin-left: 40px;}
.content.news .inwrap .newsbox .box .control a{display: inline-block;vertical-align: top;width: 389px;height: 60px;background-color: rgb(251,243,237);background-repeat: no-repeat;background-position: center;-webkit-transition: all 400ms;transition: all 400ms;}
.content.news .inwrap .newsbox .box .control a.prev{background-image: url(../images/about_strategy_left.png);float: left;}
.content.news .inwrap .newsbox .box .control a.next{background-image: url(../images/about_strategy_right.png);float: right;}
.content.news .inwrap .newsbox .box .control a:hover{background-color: rgb(239,214,191);}

/*news_wemedia*/
.news_wemedia .inwrap{font-size: 0px;position: relative;z-index: 2;}
.news_wemedia .inwrap .sitebar{display: table-cell;vertical-align: top;width: 460px;box-sizing: border-box;padding: 50px 40px;background-color: rgb(252,250,244);background-image: linear-gradient(-45deg,rgb(255,255,255) 60%,rgb(252,250,244) 100%);}
.news_wemedia .inwrap .sitebar h5 strong{font-size: 20px;color: #9e630e;margin-top: 20px;margin-bottom: 18px;}
.news_wemedia .inwrap .sitebar h5 em{font-family:'webfont-RUBIK-REGULAR';font-size: 18px;color: rgb(213,213,213);line-height: 1.2em;}
.news_wemedia .inwrap .sitebar .img{position: relative;margin-top: 45px;width: 360px;height: 250px;box-sizing: border-box;padding-left: 180px;padding-top: 106px;background: url(../images/news_selfmedia_01.jpg) no-repeat center;}
.news_wemedia .inwrap .sitebar .img img{position: absolute;top: 55px;left: 25px;border: 1px solid rgb(253,173,20);width: 140px;}
.news_wemedia .inwrap .sitebar .img p{margin: 0;font-size: 14px;color: rgb(85,85,85);line-height: 1.6em;}
.news_wemedia .inwrap .wechat{display: table-cell;vertical-align: top;width: 820px;}
.news_wemedia .inwrap .wechat .box{width: 780px;padding: 50px 460px 80px 40px;margin-right: -460px;background-color: rgb(245,245,245);background-image: linear-gradient(0deg,rgb(255,255,255) 50%,rgb(245,245,245) 100%);}
.news_wemedia .inwrap .wechat .box .ps{font-size: 18px;color: rgb(85,85,85);padding-bottom: 14px;border-bottom: 2px solid rgb(244,231,213);}
.news_wemedia .inwrap .wechat .box .city{font-size: 0px;}
.news_wemedia .inwrap .wechat .box .city li{display: inline-block;vertical-align: top;margin-top: 25px;width: 60px;}
.news_wemedia .inwrap .wechat .box .city li div{display: inline-block;font-size: 14px;color: #9d9281;line-height: 0.8em;cursor: pointer;}
.news_wemedia .inwrap .wechat .box .city li.on div{color: rgb(235,9,35);}
.news_wemedia .inwrap .wechat .box .qrcode{font-size: 0px;}
.news_wemedia .inwrap .wechat .box .qrcode li{display: inline-block;vertical-align: top;margin-top: 55px;margin-left: 68px;width: 144px;height: 170px;}
.news_wemedia .inwrap .wechat .box .qrcode li:nth-child(4n+1){margin-left: 0px;}
.news_wemedia .inwrap .wechat .box .qrcode li img{width: 144px;height: 144px;}
.news_wemedia .inwrap .wechat .box .qrcode li p{margin: 0;margin-top: 15px;font-size: 14px;color: #000000;line-height: 0.8em;text-align: center;}

/*business*/
.business .title{margin-bottom: 34px;}
.business .intro p{width: 820px;margin: 0 auto 20px auto;text-align: center;}
.business .intro img{margin: 0 auto 30px auto;}
.business .slide{padding: 0 460px 80px 460px;margin: 0 -460px 0px -460px;position: relative;}
.business .slide::before{content: "";position: absolute;z-index: 1;width: 100%;height: 510px;left: 0;bottom: 0;background-color: rgb(38,86,156);background-image: linear-gradient(-90deg,rgb(40,77,152),rgb(19,165,189));}
.business .slide::after{content: "";display: block;clear: both;}
.business .slide .hd{position: relative;z-index: 2;float: left;width: 355px;background: rgb(250,250,250);box-sizing: border-box;padding-left: 35px;padding-top: 34px;padding-bottom: 34px;}
.business .slide .hd li{cursor: pointer;width: 320px;height: 93px;display: table;position: relative;box-sizing: border-box;padding-left: 60px;-webkit-transition: all 400ms;transition: all 400ms;}
.business .slide .hd li::before{content: "";display: block;position: absolute;z-index: 1;top: 50%;margin-top: -4px;left: 0;width: 14px;height: 8px;-webkit-transition: all 400ms;transition: all 400ms;}
.business .slide .hd li::after{content: "";position: absolute;z-index: 1;top: 50%;margin-top: -10px;right: 50px;width: 28px;height: 20px;background: url(../images/business_00_right.png) no-repeat center;opacity: 0;}
.business .slide .hd li:nth-child(1)::before{background-color: rgb(225,57,56);}
.business .slide .hd li:nth-child(2)::before{background-color: rgb(183,43,187);}
.business .slide .hd li:nth-child(3)::before{background-color: rgb(255,168,0);}
.business .slide .hd li:nth-child(4)::before{background-color: rgb(37,166,128);}
.business .slide .hd li:nth-child(5)::before{background-color: rgb(57,117,198);}
.business .slide .hd li:nth-child(6)::before{background-color: rgb(201,178,124);}
.business .slide .hd li:nth-child(7)::before{background-color: rgb(145,72,144);}
.business .slide .hd li:nth-child(8)::before{background-color: rgb(35,206,226);}
.business .slide .hd li h5{position: relative;z-index: 2;display: table-cell;vertical-align: middle;border-bottom: 1px dashed rgb(234,226,217);-webkit-transition: all 400ms;transition: all 400ms;}
.business .slide .hd li:nth-child(7) h5{border-bottom: none;}
.business .slide .hd li h5 strong{font-size: 20px;color: #514444;margin: 10px 0;}
.business .slide .hd li h5 em{font-family:'webfont-RUBIK-REGULAR';font-size: 16px;color: rgba(181,181,181,0.6);text-transform: capitalize;margin: 10px 0;-webkit-transition: all 400ms;transition: all 400ms;}
.business .slide .hd li.on:nth-child(1){background-color: rgb(225,57,56);}
.business .slide .hd li.on:nth-child(2){background-color: rgb(183,43,187);}
.business .slide .hd li.on:nth-child(3){background-color: rgb(255,168,0);}
.business .slide .hd li.on:nth-child(4){background-color: rgb(37,166,128);}
.business .slide .hd li.on:nth-child(5){background-color: rgb(57,117,198);}
.business .slide .hd li.on:nth-child(6){background-color: rgb(201,178,124);}
.business .slide .hd li.on:nth-child(7){background-color: rgb(145,72,144);}
.business .slide .hd li.on:nth-child(8){background-color: rgb(35,206,226);}
.business .slide .hd li.on::after{right: 30px;opacity: 1;-webkit-transition: all 400ms;transition: all 400ms;}
.business .slide .hd li.on:nth-child(1) h5{border-bottom-color: rgb(225,57,56);}
.business .slide .hd li.on:nth-child(2) h5{border-bottom-color: rgb(183,43,187);}
.business .slide .hd li.on:nth-child(3) h5{border-bottom-color: rgb(255,168,0);}
.business .slide .hd li.on:nth-child(4) h5{border-bottom-color: rgb(37,166,128);}
.business .slide .hd li.on:nth-child(5) h5{border-bottom-color: rgb(57,117,198);}
.business .slide .hd li.on:nth-child(6) h5{border-bottom-color: rgb(201,178,124);}
.business .slide .hd li.on:nth-child(7) h5{border-bottom-color: rgb(145,72,144);}
.business .slide .hd li.on:nth-child(8) h5{border-bottom-color: rgb(35,206,226);}
.business .slide .hd li.on h5 strong{color: #fff;}
.business .slide .hd li.on h5 em{color: #fff;}
.business .slide .hd li:hover::before{left: 20px;}
.business .slide .bd{position: relative;z-index: 2;float: right;width: 910px;height: 815px;overflow: hidden;background-color: #fff;}
.business .slide .bd li{width: 910px;height: 815px;}
.business .slide .bd li .ov{width: 910px;height: 405px;overflow: hidden;}
.business .slide .bd li .ov img{width: 910px;height: 405px;-webkit-transform-origin: center;transform-origin: center;-webkit-transition: all 400ms;transition: all 400ms;}
.business .slide .bd li .ov:hover img{-webkit-transform: scale(1.05,1.05);transform: scale(1.05,1.05);-webkit-transition: all 4000ms;transition: all 4000ms;}
.business .slide .bd li .text{width: 910px;height: 410px;position: relative;box-sizing: border-box;padding-top: 35px;padding-left: 125px;background-color: rgb(255,255,255);background-repeat: no-repeat;background-position: right top;}
.business .slide .bd li:nth-child(1) .text{background-image: url(../images/business_01_bg.jpg);}
.business .slide .bd li:nth-child(2) .text{background-image: url(../images/business_08_bg.jpg);}
.business .slide .bd li:nth-child(3) .text{background-image: url(../images/business_02_bg.jpg);}
.business .slide .bd li:nth-child(4) .text{background-image: url(../images/business_03_bg.jpg);}
.business .slide .bd li:nth-child(5) .text{background-image: url(../images/business_04_bg.jpg);}
.business .slide .bd li:nth-child(6) .text{background-image: url(../images/business_05_bg.jpg);}
.business .slide .bd li:nth-child(7) .text{background-image: url(../images/business_06_bg.jpg);}
.business .slide .bd li:nth-child(8) .text{background-image: url(../images/business_07_bg.jpg);}
.business .slide .bd li h5{position: relative;}
.business .slide .bd li h5 em{font-family:'webfont-RUBIK-REGULAR';font-size: 34px;color: rgba(51,51,51,0.3);text-transform: capitalize;text-indent: -4px;line-height: 0.8em;margin-bottom: 10px;}
.business .slide .bd li h5 strong{font-size: 24px;color: rgb(51,51,51);}
.business .slide .bd li h5:before{content: "";display: block;position: absolute;width: 50px;height: 50px;top: 50%;margin-top: -25px;left: -75px;background-repeat: no-repeat;background-position: right;}
.business .slide .bd li:nth-child(1) h5:before{background-image: url(../images/business_01_icon.png);}
.business .slide .bd li:nth-child(2) h5:before{background-image: url(../images/business_08_icon.png);}
.business .slide .bd li:nth-child(3) h5:before{background-image: url(../images/business_02_icon.png);}
.business .slide .bd li:nth-child(4) h5:before{background-image: url(../images/business_03_icon.png);}
.business .slide .bd li:nth-child(5) h5:before{background-image: url(../images/business_04_icon.png);}
.business .slide .bd li:nth-child(6) h5:before{background-image: url(../images/business_05_icon.png);}
.business .slide .bd li:nth-child(7) h5:before{background-image: url(../images/business_06_icon.png);}
.business .slide .bd li:nth-child(8) h5:before{background-image: url(../images/business_07_icon.png);}
.business .slide .bd li p{margin-top: 30px;border-top: rgb(246,239,229) 4px solid;width: 434px;padding-top: 24px;color: #b28668;margin-bottom: 0px;}
.business .slide .bd li .inter{position: absolute;bottom: 48px;right: 84px;width: 170px;height: 52px;border-radius: 52px;background-color: rgb(255,168,0);text-align: center;line-height: 52px;font-size: 16px;color: #fff;text-transform: uppercase;-webkit-transition: all 400ms;transition: all 400ms;}
.business .slide .bd li .inter:hover{background-color: rgb(235,9,35);}

/*business_details*/
.business_details .wrap{padding-top: 0;background-color: rgb(248,248,248);}
.business_details .intro{padding: 65px 460px 40px 460px;margin: 0 -460px;position: relative;background: url(../images/about_speech_03.jpg) no-repeat right 420px;}
.business_details .intro .bg{width: 2200px;height: 420px;position: absolute;z-index: 1;top: 0;left: 0;overflow: hidden;}
.business_details .intro .bg div{width: 2200px;height: 420px;background-repeat: repeat;background-position:center 0px;filter: blur(10px);}
.business_details .intro .info{position: relative;z-index: 2;font-size: 0px;}
.business_details .intro .info .left{display: inline-block;vertical-align: top;width: 840px;height: 480px;background-color: #fff;overflow: hidden;}
.business_details .intro .info .left img{width: 840px;height: 480px;}
.business_details .intro .info .right{display: inline-table;vertical-align: top;width: 440px;height: 480px;box-sizing: border-box;padding:  0 40px;background-color: #fff;line-height: 0.8em;}
.business_details .intro .info .right .box{display: table-cell;vertical-align: middle;text-align: right;}
.business_details .intro .info .right .box img{max-height: 110px;}
.business_details .intro .info .right .box h5{font-size: 24px;color: rgb(235,9,35);text-align: left;margin:10px 0 15px;line-height: 1.4em;}
.business_details .intro .info .right .box h6{padding-left: 50px;height: 37px;background: url(../images/business_details_04.png) no-repeat left;text-align: left;font-family:'webfont-RUBIK-REGULAR';font-size: 24px;color: rgb(153,153,153);line-height: 37px;margin:15px 0;}
.business_details .intro .info .right .box .key{text-align: left;margin:15px 0 10px;}
.business_details .intro .info .right .box .key p{display: inline-block;vertical-align: top;margin-top: 0;margin-bottom: 10px;margin-right: 10px;padding: 0 16px;height: 26px;line-height: 26px;background-color: rgb(245,231,219);}
.business_details .intro .info .right .box .status{text-align: left;}
.business_details .intro .info .right .box .status p{display: inline; margin-top: 15px;margin-right: 10px;}
.business_details .intro .info .right .box .address{text-align: left;margin:10px 0 20px;}
.business_details .intro .info .right .box .address div{display: inline-block;vertical-align: top;font-size: 14px;color: rgb(85,85,85);line-height: 1.74em;width: 45px;margin-right: -45px;}
.business_details .intro .info .right .box .address p{display: inline-block;vertical-align: top;font-size: 14px;color: rgb(117,115,120);margin-top: 0;padding-left: 45px;}
.business_details .intro .info .right .box button{width: 360px;height: 60px;text-align: center;background-color: rgb(255,168,0);border-radius: 5px;line-height: 60px;font-size: 16px;color: #fff;cursor: pointer;-webkit-transition: all 400ms;transition: all 400ms;}
.business_details .intro .info .right .box button::before{content: "";display: inline-block;vertical-align: middle;width: 38px;height: 60px;background: url(../images/business_details_05.png) no-repeat left;}
.business_details .intro .info .right .box button:hover{background-color: rgb(235,9,35);}
.business_details .intro .info .bottom{margin-top: 30px;background-color: #fff;padding:50px;}
.business_details .intro .info .bottom h4{font-size: 24px;color: rgb(235,9,35);margin-bottom: 30px;margin-top: 30px;}
.business_details .intro .info .bottom>:first-child{margin-top: 0px;}
.business_details .slides{position: relative;font-size: 0px;padding: 0 460px;margin: 0 -460px;height: 400px;background-color: rgb(56,143,206);background-image: linear-gradient(-90deg,rgb(32,116,177),rgb(56,143,206))}
.business_details .slides h4{padding-top: 56px;padding-left: 30px;padding-bottom: 35px;font-size: 24px;color: #fff;height: 24px;}
.business_details .slides .toggle{height: 24px;position: absolute;top: 56px;right: 460px;font-size: 0px;}
.business_details .slides .toggle h5{cursor: pointer;display: inline-block;vertical-align: top;margin-left: 30px;font-size: 14px;line-height: 24px;color: #bbc6cd;border-bottom: 3px solid transparent;}
.business_details .slides .toggle h5.on{color: #fff;border-bottom-color: rgb(255,168,0);}
.business_details .slides .slide{display: none;}
.business_details .slides .toggle+.slide{display: block;}
.business_details .slides .slide{width: 1280px;height: 210px;position: relative;}
.business_details .slides .slide button{display: none;position: absolute;z-index: 3;top: -76px;width: 56px;height: 56px;cursor:pointer;background-color: rgb(251,243,237);background-repeat: no-repeat;background-position: center;color: transparent;-webkit-transition: all 400ms;transition: all 400ms;}
.business_details .slides .slide button.prev{right: 58px;background-image: url(../images/about_strategy_left.png);}
.business_details .slides .slide button.next{right: 0px;background-image: url(../images/about_strategy_right.png);}
.business_details .slides .slide button:hover{background-color: rgb(239,214,191);}
.business_details .slides .slide .bd{width: 1280px;height: 210px;overflow: hidden;z-index: 1;white-space: nowrap;font-size: 0px;}
.business_details .slides .slide .bd li{display: inline-block;vertical-align: top;width: 311px;height: 210px;margin-right: 12px;overflow: hidden;cursor: pointer;}
.business_details .slides .slide .bd li img{width: 311px;height: 210px;}
.bus_d_map{height: 510px;position: relative;overflow: hidden;}
.bus_d_map #map{height: 510px;position: relative;z-index: 1;}
.bus_d_map #map a{display: initial;}
.bus_d_map #map input{display: initial;}
.bus_d_map .map_around_box{position: absolute;z-index: 2;width: 340px;padding-left: 940px;height: 0px;top: 105px;left: 0;right: 0;margin-left: auto;margin-right: auto;}
.bus_d_map .map_around_box .map_around{display: none;width: 340px;height: 300px;background-color: #fff;}
.bus_d_map .map_around_box .map_around .btn{width: 340px;height: 50px;border-bottom: 1px solid rgb(227,227,227);}
.bus_d_map .map_around_box .map_around .btn ul{font-size: 0px;}
.bus_d_map .map_around_box .map_around .btn ul li{display: inline-block;vertical-align: top;margin: 0 10px;padding: 0 10px;height: 49px;font-size: 14px;color: rgb(153,153,153);line-height: 49px;border-bottom: 3px solid transparent;cursor: pointer;-webkit-transition: all 400ms;transition: all 400ms;}
.bus_d_map .map_around_box .map_around .btn ul li.hid{display: none;}
.bus_d_map .map_around_box .map_around .btn ul li.crt{color: rgb(255,168,0);border-bottom-color: rgb(235,9,35);}
.bus_d_map .map_around_box .map_around #r-result{max-height:249px;overflow: auto;}
.bus_d_map .map_around_box .map_around #r-result ul{padding: 0 20px;}
.bus_d_map .map_around_box .map_around #r-result ul .noMsg{font-size: 14px;line-height: 38px;}
.bus_d_map .map_around_box .map_around #r-result li{padding-top: 15px;padding-bottom: 8px;border-bottom: 2px solid rgb(235,226,220); cursor:pointer;}
.bus_d_map .map_around_box .map_around #r-result li h6{padding-left: 30px;height: 18px;background: url(../images/business_details_08.png) no-repeat left;font-size: 14px;color: rgb(85,85,85);line-height: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.bus_d_map .map_around_box .map_around #r-result li p{color: rgba(96,78,65,0.7);padding-left: 30px;font-size: 12px;line-height: 1.74em;}
.bus_d_subscribe_dialog{display: none;position: fixed;z-index: 1000;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,0.6);}
.bus_d_subscribe_dialog .info{width:400px;height:400px;background:#fff;padding:0 40px;position:absolute;top:50%;left:50%;margin-top:-200px;margin-left:-200px;box-sizing:border-box;padding-top:40px;}
.bus_d_subscribe_dialog .info .close{position: absolute;top: 0;right: -56px;width: 56px;height: 56px;cursor: pointer;background:rgb(239,214,191) url(../images/business_estate_09.png) no-repeat center;color: transparent;}
.bus_d_subscribe_dialog .info h3{color:#535353;font-size:24px;text-align:center;font-weight:normal;}
.bus_d_subscribe_dialog .info p{font-size:14px;color:#535353;margin-top:20px;}
.bus_d_subscribe_dialog .info input{width:100%;height:48px;border:1px solid #e5e4e2;background:#f5f3ee;font-size:14px;color:#535353;box-sizing:border-box;padding-left:20px;margin-top:20px;}
.bus_d_subscribe_dialog .info input:focus{outline:none;border:1px solid rgb(255,168,0);}
.bus_d_subscribe_dialog .info .button{width:100%;height:48px;color:#fff;font-size:16px;border-radius:5px;background:rgb(255,168,0);margin-top:40px;border: none;padding: 0;-webkit-transition: all 400ms;transition: all 400ms;}
.bus_d_subscribe_dialog .info .button:hover{background-color: rgb(235,9,35);color: #fff;}
.bus_d_slide_dislog{display: none;}

/*business_estate*/
.business_estate{width: auto;}
.business_estate .wrap{padding: 0;width: auto;margin: 0;background:none;}
.business_estate .slide{height: 640px;position: relative;overflow: hidden;z-index: 1;}
.business_estate .slide button{position: absolute;z-index: 3;top: 50%;margin-top: -28px;width: 56px;height: 56px;background-color: rgb(245,230,217);background-repeat: no-repeat;background-position: center;opacity: 0;color: transparent;cursor: pointer;-webkit-transition: all 400ms;transition: all 400ms;}
.business_estate .slide button.prev{left: 0px;background-image: url(../images/about_strategy_left.png);}
.business_estate .slide button.next{right: 0px;background-image: url(../images/about_strategy_right.png);}
.business_estate .slide:hover button{opacity: 1;}
.business_estate .slide button:hover{background-color: rgb(239,214,191);}
.business_estate .slide .hd{height: 12px;position: absolute;z-index: 2;bottom: 110px;left: 0;right: 0;margin-left: auto;margin-right: auto;width: 1280px;text-align: center;}
.business_estate .slide .hd ul{display: inline-block;text-align: center;}
.business_estate .slide .hd ul li{display: inline-block;vertical-align: top;width: 12px;height: 12px;background-color: #fff;border-radius: 6px;margin: 0 6px;cursor: pointer;-webkit-transition: all 400ms;transition: all 400ms;}
.business_estate .slide .hd ul li.on{width: 30px;background-color: rgb(235,9,35);}
.business_estate .slide .bd li{height: 640px;width: 100%;background-repeat: no-repeat;background-position: center 80px;background-attachment: fixed;}
.business_estate .slide .bd li .outbox{width: 1280px;height: 640px;margin: 0 auto;display: table;}
.business_estate .slide .bd li .inbox{display: table-cell;vertical-align: middle;} 
.business_estate .slide .bd li:nth-child(1){text-align: center;}
.business_estate .slide .bd li:nth-child(1) .inbox{padding-bottom: 150px;}
.business_estate .slide .bd li:nth-child(1) h4{font-size: 66px;color: rgb(85,85,85);font-weight: 100;margin-bottom: 12px;}
.business_estate .slide .bd li:nth-child(1) h5{margin-top: 12px;margin-bottom: 50px;display: inline-block;vertical-align: top;height: 26px;padding: 0 16px;border: 1px solid rgb(112,128,147);border-radius: 26px;line-height: 26px;font-size: 18px;color: rgb(85,85,85);}
.business_estate .slide .bd li:nth-child(1) a{display: inline-block;vertical-align: top;margin:0 10px;padding: 0 35px;height: 52px;line-height: 52px;font-size: 16px;color: rgb(85,85,85);background-color: #fff;border-radius: 4px;-webkit-transition: all 400ms;transition: all 400ms;}
.business_estate .slide .bd li:nth-child(1) a::before{content: "";display: inline-block;vertical-align: top;width: 28px;height: 52px;}
.business_estate .slide .bd li:nth-child(1) a.link1::before{background: url(../images/business_estate_01_on.png) no-repeat left center;-webkit-transition: all 400ms;transition: all 400ms;}
.business_estate .slide .bd li:nth-child(1) a.link2::before{background: url(../images/business_estate_02_on.png) no-repeat left center;-webkit-transition: all 400ms;transition: all 400ms;}
.business_estate .slide .bd li:nth-child(1) a.link1:hover{background-color: rgb(255,168,0);color: #fff;}
.business_estate .slide .bd li:nth-child(1) a.link1:hover::before{background-image: url(../images/business_estate_01.png);}
.business_estate .slide .bd li:nth-child(1) a.link2:hover{background-color: rgb(255,168,0);color: #fff;}
.business_estate .slide .bd li:nth-child(1) a.link2:hover::before{background-image: url(../images/business_estate_02.png);}
.business_estate .slide .bd li:nth-child(2) .inbox{padding-bottom: 50px;}
.business_estate .slide .bd li:nth-child(2) h4{position: relative;padding-left: 130px;}
.business_estate .slide .bd li:nth-child(2) h4 img{position: absolute;top: -40px;left: 0;width: 133px;height: 63px;background:url(../images/business_estate_04.png) no-repeat center;-webkit-transform-origin: left top;transform-origin: left top;}
.business_estate .slide .bd li:nth-child(2) h4 strong{font-size: 44px;color: rgb(255,168,0);letter-spacing: 10px;margin-bottom: 12px;}
.business_estate .slide .bd li:nth-child(2) h4 em{font-family:'webfont-RUBIK-REGULAR';font-size: 34px;color: rgba(119,119,119,0.3);margin-top: 12px;margin-bottom: 18px;}
.business_estate .slide .bd li:nth-child(2) h5{font-size: 20px;color: rgb(119,119,119);padding-left: 130px;margin-top: 18px;}
.business_estate .items{position: relative;z-index: 2;width: 1280px;margin:0px auto;font-size: 0px;}
.business_estate .items .filter{position: relative;z-index: 2;width: 1280px;height: 110px;font-size: 0px;box-sizing: border-box;padding: 30px 40px;background-color: rgb(255,250,239);margin-top: -55px;}
.business_estate .items .filter>div{display: inline-block;vertical-align: top;height: 50px;background-color: #fff;}
.business_estate .items .filter .province{width: 124px;height: 50px;margin-right: 11px;position: relative;}
.business_estate .items .filter .province button{width: 124px;height: 50px;text-align: left;box-sizing: border-box;padding-left: 30px;font-size: 14px;color: rgb(235,9,35);background: url(../images/business_estate_06.png) no-repeat right 14px center;box-shadow: 0 4px 8px 0px rgba(209,177,106,0.1);cursor: pointer;}
.business_estate .items .filter .province ul{display: none;position: absolute;top: 54px;left: 0;width: 124px;max-height: 300px;background-color: rgb(255,255,255);box-shadow: 0 0px 8px 0px rgba(209,177,106,0.1);overflow: auto;}
.business_estate .items .filter .province ul::-webkit-scrollbar-thumb{background-color: rgb(245,230,217);}
.business_estate .items .filter .province ul li{position: relative;height: 50px;line-height: 50px;box-sizing: border-box;padding-left: 30px;font-size: 14px;color: rgb(117,115,120);cursor: pointer;-webkit-transition: all 400ms;transition: all 400ms;}
.business_estate .items .filter .province ul li::before{content: "";position: absolute;z-index: -1;width: 120px;height: 50px;background-color: rgb(235,9,35);top: 0;left: 0px;}
.business_estate .items .filter .province ul li:hover{color: #fff;background-color: #C9B27C;}
.business_estate .items .filter .wordsearch{width: 725px;height: 50px;}
.business_estate .items .filter .wordsearch input{width: 725px;height: 50px;padding: 0 20px;font-size: 14px;color: rgb(153,153,153);box-shadow: 0 4px 8px 0px rgba(209,177,106,0.1);}
.business_estate .items .filter .search{width: 340px;height: 50px;}
.business_estate .items .filter .search button{width: 340px;height: 50px;color: transparent;background:rgb(255,168,0) url(../images/business_estate_07.png) no-repeat center;box-shadow: 0 4px 8px 0px rgba(209,177,106,0.1);cursor: pointer;-webkit-transition: all 400ms;transition: all 400ms;}
.business_estate .items .filter .search button:hover{background-color: rgb(235,9,35);}
/*chinaMap*/
.business_estate .items .chinaMap{display: inline-block;vertical-align: top;margin-top: 25px;margin-right: 100px;width: 540px;height: 440px;position: relative; margin-bottom: 60px;}
.business_estate .items .chinaMap .nanhai{position: absolute;bottom: -45px;right: -50px;width: 75px;height: 110px;background: url(../images/business_estate_08.png) no-repeat center;}
.business_estate .items .chinaMap ul{position: absolute;top: 43px;left: 7px;width: 540px;height: 440px;pointer-events: none;}
.business_estate .items .chinaMap ul li{position: absolute;top: 0;left: 0;font-size: 14px;color: rgba(114,96,51,0.6);text-transform: capitalize;}
.business_estate .items .chinaMap ul li strong{display: none;}
.business_estate .items .chinaMap ul li em{display: none;}
.business_estate .items .chinaMap ul li.on strong.on{display: block;}
.business_estate .items .chinaMap ul li.on em.on{display: block;}
.business_estate .items .chinaMap ul li.anhui{top: 265px;left: 406px;}
.business_estate .items .chinaMap ul li.beijing{top: 156px;left: 382px;}
.business_estate .items .chinaMap ul li.chongqing{top: 285px;left: 310px;}
.business_estate .items .chinaMap ul li.fujian{top: 325px;left: 420px;}
.business_estate .items .chinaMap ul li.gansu{top: 165px;left: 200px;}
.business_estate .items .chinaMap ul li.guangdong{top: 356px;left: 380px;}
.business_estate .items .chinaMap ul li.macau{top: 384px;left: 370px;}
.business_estate .items .chinaMap ul li.hongkong{top: 370px;left: 394px;}
.business_estate .items .chinaMap ul li.guangxi{top: 368px;left: 330px;}
.business_estate .items .chinaMap ul li.guizhou{top: 330px;left: 306px;}
.business_estate .items .chinaMap ul li.hainan{top: 415px;left: 337px;}
.business_estate .items .chinaMap ul li.hebei{top: 190px;left: 375px;}
.business_estate .items .chinaMap ul li.heilongjiang{top: 65px;left: 460px;}
.business_estate .items .chinaMap ul li.henan{top: 230px;left: 360px;}
.business_estate .items .chinaMap ul li.hubei{top: 272px;left: 357px;}
.business_estate .items .chinaMap ul li.hunan{top: 318px;left: 352px;}
.business_estate .items .chinaMap ul li.jiangsu{top: 234px;left: 430px;}
.business_estate .items .chinaMap ul li.jilin{top: 110px;left: 460px;}
.business_estate .items .chinaMap ul li.liaoning{top: 136px;left: 440px;}
.business_estate .items .chinaMap ul li.neimongol{top: 160px;left: 300px;}
.business_estate .items .chinaMap ul li.ningxia{top: 206px;left: 290px;}
.business_estate .items .chinaMap ul li.qinghai{top:220px;left: 198px;}
.business_estate .items .chinaMap ul li.shaanxi{top: 244px;left: 314px;}
.business_estate .items .chinaMap ul li.shandong{top: 206px;left: 400px;}
.business_estate .items .chinaMap ul li.shanghai{top: 252px;left: 452px;}
.business_estate .items .chinaMap ul li.shanxi{top: 210px;left: 346px;}
.business_estate .items .chinaMap ul li.sichuan{top: 294px;left: 260px;}
.business_estate .items .chinaMap ul li.taiwan{top: 345px;left: 456px;}
.business_estate .items .chinaMap ul li.tianjin{top: 172px;left: 394px;}
.business_estate .items .chinaMap ul li.xinjiang{top: 152px;left: 112px;}
.business_estate .items .chinaMap ul li.xizang{top: 260px;left: 120px;}
.business_estate .items .chinaMap ul li.yunnan{top: 355px;left: 245px;}
.business_estate .items .chinaMap ul li.zhejiang{top: 288px;left: 433px;}
.business_estate .items .chinaMap ul li.jiangxi{top: 308px;left: 390px;}
/*chinaMap*/
.business_estate .items .inchina{display: inline-block;vertical-align: top;width: 640px;margin-top: 25px;padding-top: 40px;box-sizing: border-box;padding-right: 40px;padding-left: 20px;}
.business_estate .items .inchina h3{position: relative;margin-left: 70px;margin-bottom: 32px;}
.business_estate .items .inchina h3 em{font-family:'webfont-RUBIK-REGULAR';font-size: 34px;color: rgb(153,153,153);text-transform: uppercase;margin-bottom: 18px;line-height: 0.8em;}
.business_estate .items .inchina h3 strong{font-size: 24px;color: rgb(235,9,35);}
.business_estate .items .inchina h3::after{content: "";display: block;position: absolute;bottom: -32px;left: 0;width: 100%;height: 4px;background-color: rgb(237,229,217);}
.business_estate .items .inchina h3 img{position: absolute;top: 50%;left: -70px;margin-top: -21px;width: 43px;height: 43px;}
.business_estate .items .inchina h4{font-size: 14px;color: #56423d;opacity: 0.7;line-height: 1.6em;margin-left: 70px;margin-top: 50px;}
.business_estate .items .inchina .data{font-size: 0px;margin-left: 70px;margin-top: 40px;}
.business_estate .items .inchina .data div{display: inline-block;vertical-align: top;position: relative;padding-left: 20px;margin-left: 20px;}
.business_estate .items .inchina .data div:nth-child(1){margin-left: 0;padding-left: 0px;}
.business_estate .items .inchina .data div::after{content: "";display: block;position: absolute;top: 50%;margin-top: -16px;left: 0px;width: 2px;height: 32px;background-color: rgb(236,232,228);}
.business_estate .items .inchina .data div:nth-child(1)::after{display: none;}
.business_estate .items .inchina .data div h6{font-family:'webfont-RUBIK-REGULAR';font-size: 34px;color: rgb(255,168,0);line-height: 0.8em;}
.business_estate .items .inchina .data div p{font-size: 14px;color: #56423d;opacity: 0.8;line-height: 1.6em;margin-top: 6px;}
.business_estate .items .result{position: absolute;z-index: 3;width: 1100px;height: 490px;top: 120px;right: -1700px;background-color: rgb(247,237,212);}
.business_estate .items .result ::-webkit-scrollbar-thumb{background-color: transparent;}
.business_estate .items .result .close{position: absolute;bottom: 0;left: -56px;width: 56px;height: 56px;cursor: pointer;color: transparent;background: rgb(239,214,191) url(../images/business_estate_09.png) no-repeat center;}
.business_estate .items .result::before{content: "";width: 2px;height: 100%;position: absolute;top: 0;left: 112px;background-color: #efe2c1;}
.business_estate .items .result .province{position: absolute;z-index: 1;top: 0;left: 0;width: 112px;height: 142px;line-height: 142px;text-align: right;box-sizing: border-box;padding-right: 10px;font-size: 30px;color: rgb(235,9,35);}
.business_estate .items .result .city{position: absolute;top: 135px;left: 0px;width: 114px;height: 300px;overflow: hidden;}
.business_estate .items .result .city ul{width: 140px;max-height: 294px;overflow: auto;}
.business_estate .items .result .city li{width: 114px;box-sizing: border-box;text-align: right;padding: 7px 15px 7px 0;font-size: 14px;color: rgb(153,153,153);cursor: pointer;border-right: 2px solid transparent;-webkit-transition: all 400ms;transition: all 400ms;}
.business_estate .items .result .city li.on{color: rgb(85,85,85);font-weight: bold;border-right-color: rgb(235,9,35);}
.business_estate .items .result .city li:hover{color: rgb(85,85,85);font-weight: bold;}
.business_estate .items .result .radio{position: absolute;top: 55px;left: 137px;width: 503px;font-size: 0px;}
.business_estate .items .result .radio button{display: inline-block;vertical-align: top;margin-left: 8px;margin-bottom: 12px;text-transform: uppercase;padding: 0 14px;height: 32px;line-height: 32px;background-color: #fff;font-size: 14px;color: rgb(153,153,153);border-radius: 32px;cursor: pointer;-webkit-transition: all 400ms;transition: all 400ms;}
.business_estate .items .result .radio button.on{background-color: rgb(255,168,0);color: #fff;}
.business_estate .items .result .radio button:hover{background-color: rgb(255,168,0);color: #fff;}
.business_estate .items .result .keyword{display:none; position: absolute;top: 20px;left: 144px;width: 503px; box-sizing: border-box;background:url(../images/icon_seek.png) no-repeat left top; padding-top: 40px; border-bottom: 2px solid #efe2c1;}
.business_estate .items .result .keyword q{color: rgb(235,9,35);font-weight: bold;}

.business_estate .items .result .item{position: absolute;top: 135px;left: 145px;width:470px;max-height: 300px;overflow: auto;font-size: 0px;padding-right: 10px;}
.business_estate .items .result .item::-webkit-scrollbar-thumb{background-color: rgb(239,226,193);}
.business_estate .items .result .item .zs{padding-bottom: 14px;margin-bottom: 13px;border-bottom: 1px dashed #d6b89d;}
.business_estate .items .result .item .zs p{margin-top: 0;font-size: 12px;line-height: 14px;color: #82725f;line-height: 1em;padding: 7px 0;}
.business_estate .items .result .item .sq p{display: none;}
.business_estate .items .result .item li{display: inline-block;vertical-align: top;padding: 7px 20px 7px 0;}
.business_estate .items .result .item li a{font-size: 12px;line-height: 14px;color: #82725f;-webkit-transition: all 400ms;transition: all 400ms;}
.business_estate .items .result .item li a:hover{color: rgb(235,9,35);}
.business_estate .items .exquisite{padding: 20px 460px 0px 460px;margin: 25px -460px 0 -460px;}
.business_estate .items .exquisite h4{text-align: center;line-height: 1em;}
.business_estate .items .exquisite h4 em{margin-bottom: 16px;}
.business_estate .items .exquisite ul{font-size: 0px;padding-top: 0px;}
.business_estate .items .exquisite ul li{display: inline-block;vertical-align: top;margin-top: 40px;margin-left: 16px;}
.business_estate .items .exquisite ul li:nth-child(-n+3){margin-top: 0;}
.business_estate .items .exquisite ul li:nth-child(3n+1){margin-left: 0;}
.business_estate .items .exquisite ul li a{width: 416px;height: 342px;box-sizing: border-box;padding: 305px 30px 0 30px;background-color: rgb(255,255,255);position: relative;display:block;}
.business_estate .items .exquisite ul li a .ov{position: absolute;top: 0;left: 0;width: 416px;height: 277px;overflow: hidden;}
.business_estate .items .exquisite ul li a .ov img{width: 416px;height: 277px;-webkit-transform-origin: center;transform-origin: center;-webkit-transition: all 400ms ease-out;transition: all 400ms ease-out;}
.business_estate .items .exquisite ul li a h5{font-size: 16px;font-weight: bold;color:#007fc6;line-height: 0.5em;margin-bottom: 5px;-webkit-transition: all 400ms;transition: all 400ms;text-align: center;}
.business_estate .items .exquisite ul li a>div div{display: inline-block;vertical-align: top;font-size: 14px;color: rgb(117,115,120);line-height: 1.74em;}
.business_estate .items .exquisite ul li a>div p{display: inline-block;vertical-align: top;font-size: 14px;color: rgb(117,115,120);line-height: 1.74em;margin-top: 0;}
.business_estate .items .exquisite ul li a:hover img{-webkit-transform: scale(1.05,1.05);transform: scale(1.05,1.05);-webkit-transition: all 4000ms ease-out;transition: all 4000ms ease-out;}
.business_estate .items .exquisite ul li a:hover h5{color: rgb(235,9,35);}
.business_estate .items .exquisite .more{cursor: pointer;margin-top: 40px;height: 60px;font-size: 0px;text-align: center;line-height: 60px;background-color: rgb(255,255,255);-webkit-transition: all 400ms;transition: all 400ms;}
.business_estate .items .exquisite .more div{display: inline-block;vertical-align: middle;width: 10px;height: 10px;background-color: rgb(235,9,35);margin: 0 5px;border-radius: 10px;-webkit-transition: all 400ms;transition: all 400ms;}
.business_estate .items .exquisite .more{-webkit-transition: all 400ms;transition: all 400ms;}
.business_estate .items .exquisite .more div{-webkit-transition: all 400ms;transition: all 400ms;}
.business_estate .items .exquisite .more:hover{background-color: rgb(235,9,35);}
.business_estate .items .exquisite .more:hover div{background-color: rgb(255,255,255);}

/*business_htandcm*/
/*.business_htandcm{margin-bottom: 10px;}*/
.business_htandcm .wrap{padding-top: 0;padding-bottom: 55px;background-color: rgb(245,245,245);}
.business_htandcm .topimg{position: relative;z-index: 1;height: 640px;padding: 0px 460px 0 460px;margin: 0 -460px;background: url(../images/business_htandcm_01.jpg) no-repeat center 80px fixed;text-align: center;font-size: 0px;}
.business_htandcm .topimg h3{padding-top: 142px;font-size: 54px;color: rgb(255,255,255);text-transform: uppercase;margin-bottom: 25px;letter-spacing: 14px;}
.business_htandcm .topimg p{font-size: 30px;color: rgb(255,255,255);text-transform: uppercase;margin: 0;line-height: 0.8em;margin-bottom: 25px;letter-spacing: 14px;}
.business_htandcm .topimg .line{width: 100px;height: 4px;display: inline-block;background-color: rgba(255,255,255,0.34);margin-left: -14px;}
.business_htandcm ul{position: relative;z-index: 2;margin-top: -100px;font-size: 0px;background-color: #fff;padding: 40px;}
.business_htandcm ul li{position: relative;display: inline-block;vertical-align: top;margin-left: 12px;margin-top: 20px;width: 392px;height: 280px;}
.business_htandcm ul li:nth-child(3n+1){margin-left: 0;}
.business_htandcm ul li:nth-child(-n+3){margin-top: 0;}
.business_htandcm ul li>a{width: 392px;height: 280px;position: relative;overflow: hidden;}
.business_htandcm ul li .ov{width: 392px;height: 200px;overflow: hidden;text-align: center;box-sizing: border-box;padding-top: 70px;position: relative;}
.business_htandcm ul li .ov img{position: absolute;top: 0;left: 0;z-index: 1;width: 392px;height: 200px;-webkit-transform-origin: center;transform-origin: center;-webkit-transition: all 400ms ease-out;transition: all 400ms ease-out;}
.business_htandcm ul li .ov .bg{position: absolute;z-index: 2;top: 0;left:0;width: 100%;height: 100%;background-color: rgb(0,0,0);opacity: 0;-webkit-transition: all 400ms;transition: all 400ms;}
.business_htandcm ul li:nth-child(2) .ov a{position: relative;top: 100px;z-index: 3;width: 64px;height: 64px;display: inline-block;vertical-align: top;margin: 0 13px;border-radius: 64px;background-color: rgb(255,255,255);font-size: 16px;color: #c9b27c;line-height: 64px;opacity: 0;-webkit-transition: all 400ms;transition: all 400ms;}
.business_htandcm ul li .box{width: 392px;height: 80px;display: table;background-color: rgb(245,245,245);text-align: center;;}
.business_htandcm ul li .box h4{display: table-cell;vertical-align: middle;}
.business_htandcm ul li .box h4 strong{font-size: 22px;color: rgb(51,51,51);text-transform: uppercase;margin: 10px 0;font-weight: 100;-webkit-transition: all 400ms;transition: all 400ms;}
.business_htandcm ul li .box h4 em{font-family:'webfont-RUBIK-REGULAR';font-size: 14px;color: rgb(200,200,200);text-transform: capitalize;margin: 10px 0;}
.business_htandcm ul li:hover .ov img{-webkit-transform: scale(1.05,1.05);transform: scale(1.05,1.05);-webkit-transition: all 4000ms ease-out;transition: all 4000ms ease-out;}
.business_htandcm ul li:hover .ov .bg{opacity: 0.5;}
.business_htandcm ul li:hover .ov a{top: 0;opacity: 1;}
.business_htandcm ul li:hover .box h4 strong{color: rgb(235,9,35);}

/*business_htandcm_hotel*/
/*.business_htandcm_hotel{margin-bottom: 10px;}*/
.business_htandcm_hotel .wrap{padding-top: 0;padding-bottom: 80px;background-color: rgb(245,245,245);}
.business_htandcm_hotel .topimg{position: relative;z-index: 1;display: table;width: 1280px;height: 640px;padding: 0px 460px 0 460px;margin: 0 -460px;background: url(../images/business_htandcm_hotel_01.jpg) no-repeat center 80px fixed;text-align: center;font-size: 0px;}
.business_htandcm_hotel .topimg div{display: table-cell;vertical-align: middle}
.business_htandcm_hotel .topimg h3{padding-bottom: 200px;}
.business_htandcm_hotel .topimg h3 strong{font-size: 54px;color: #c9b27c;line-height: 0.8em;letter-spacing: 14px;margin-bottom: 30px;}
.business_htandcm_hotel .topimg h3 em{font-family:'webfont-Novecentowide';font-size: 50px;color: rgba(153,153,153,0.3);text-transform: uppercase;line-height: 0.8em;}
.business_htandcm_hotel .intro{position: relative;z-index: 2;padding: 0 460px 0px 460px;margin: 0 -460px;min-height: 400px;background: url(../images/business_htandcm_hotel_05.jpg) no-repeat center;background-size: cover;}
.business_htandcm_hotel .intro .box{font-size: 0px;width: 1740px;position: relative;top: -75px;box-shadow: 0 0px 40px 0px rgba(204,204,204,0.5);background-color: rgb(255,255,255);}
.business_htandcm_hotel .intro .nimble{display: table-cell;vertical-align: top;width: 440px;height: 470px;position: relative;background-color: rgb(243,243,243);background-image: linear-gradient(-90deg,rgb(243,243,243) 0%,rgb(255,255,255) 150%);}
.business_htandcm_hotel .intro .nimble .con{width: 440px;height: 470px;box-sizing: border-box;padding: 50px 40px;position: relative;}
.business_htandcm_hotel .intro .nimble::before{content: "";display: block;position: absolute;z-index: 1;bottom: 0;right: 0;width: 425px;height: 176px;background: url(../images/business_htandcm_hotel_05.png) no-repeat right center;}
.business_htandcm_hotel .intro .nimble h4{position: relative;z-index: 2;}
.business_htandcm_hotel .intro .nimble h4 em{display: block;font-family:'webfont-RUBIK-REGULAR';font-size: 34px;color: rgba(153,153,153,1);line-height: 0.8em;text-transform: uppercase;}
.business_htandcm_hotel .intro .nimble h4 strong{font-size: 24px;color: #c9b27c;margin-top: 18px;letter-spacing: 4px;margin-bottom: 20px;}
.business_htandcm_hotel .intro .nimble p{margin-bottom: 40px;position: relative;z-index: 2;}
.business_htandcm_hotel .intro .nimble img{display: inline-block;vertical-align: top;margin-right: 30px;position: relative;z-index: 2;}
.business_htandcm_hotel .intro .text{position: relative;display: table-cell;vertical-align: middle;width: 1300px;height: 470px;}
.business_htandcm_hotel .intro .text .con{width: 840px;box-sizing: border-box;padding-top: 45px;padding-bottom: 45px;padding-left: 50px;}
.business_htandcm_hotel .intro .text p:first-child{margin-top: 0;}
.business_htandcm_hotel .intro .text .phone{display: inline-block;vertical-align: middle;margin-top: 28px;padding: 0 40px;height: 46px;box-sizing: border-box;border: 1px solid rgb(201,178,124);line-height: 46px;text-align: center;font-size: 18px;color: rgb(85,85,85);font-family:'webfont-RUBIK-REGULAR';}
.business_htandcm_hotel .intro .text .phone::before{content: "";display: inline-block;vertical-align: middle;width: 34px;height: 44px;background: url(../images/business_htandcm_hotel_06.png) no-repeat left;}
.business_htandcm_hotel .project{position: relative;z-index: 1;padding: 0 460px 160px 460px;margin: 0 -460px;background: url(../images/business_htandcm_hotel_07.jpg) no-repeat center;background-size: cover;}
.business_htandcm_hotel .project h4{color: transparent;height: 180px;background: url(../images/business_htandcm_hotel_08.png) no-repeat left bottom;margin-bottom: -40px;}
.business_htandcm_hotel .project .items{margin-left: 60px;margin-bottom: 40px;}
.business_htandcm_hotel .project .items p{font-size: 18px;color: rgba(255,255,255,0.8);line-height: 1.8em;margin-top: 0;}
.business_htandcm_hotel .project .items ul{display: table;}
.business_htandcm_hotel .project .items ul li{display: table-row;}
.business_htandcm_hotel .project .items  h5{display: table-cell;vertical-align: top;font-size: 16px;color: rgba(255,255,255,0.8);line-height: 1.8em;}
.business_htandcm_hotel .project .items  h5.cn{padding-right: 20px;}
.business_htandcm_hotel .hotel{position: relative;z-index: 2;margin-top: -150px;}
.business_htandcm_hotel .hotel ul{font-size: 0px;}
.business_htandcm_hotel .hotel ul li{display: inline-block;vertical-align: top;margin-top: 40px;margin-left: 16px;}
.business_htandcm_hotel .hotel ul li:nth-child(-n+2){margin-top: 0;}
.business_htandcm_hotel .hotel ul li:nth-child(2n+1){margin-left: 0;}
.business_htandcm_hotel .hotel ul li a{width: 630px;height: 450px;box-sizing: border-box;padding: 324px 30px 0 30px;background-color: rgb(255,255,255);position: relative;}
.business_htandcm_hotel .hotel ul li a .ov{position: absolute;top: 0;left: 0;width:630px;height:300px;overflow: hidden;}
.business_htandcm_hotel .hotel ul li a .ov img{width: 630px;height: 300px;-webkit-transform-origin: center;transform-origin: center;-webkit-transition: all 400ms ease-out;transition: all 400ms ease-out;}
.business_htandcm_hotel .hotel ul li a h5{font-size: 20px;color:#c9b27c;line-height: 0.8em;margin-bottom: 15px;-webkit-transition: all 400ms;transition: all 400ms;}
.business_htandcm_hotel .hotel ul li a>div div{display: inline-block;vertical-align: top;font-size: 14px;color: rgb(117,115,120);line-height: 1.74em;}
.business_htandcm_hotel .hotel ul li a>div p{display: inline-block;vertical-align: top;font-size: 14px;color: rgb(117,115,120);line-height: 1.74em;margin-top: 0;}
.business_htandcm_hotel .hotel ul li a:hover img{-webkit-transform: scale(1.05,1.05);transform: scale(1.05,1.05);-webkit-transition: all 4000ms ease-out;transition: all 4000ms ease-out;}
.business_htandcm_hotel .hotel ul li a:hover h5{color: rgb(235,9,35);}
.business_htandcm_hotel .more{cursor: pointer;margin-top: 40px;height: 60px;font-size: 0px;text-align: center;line-height: 60px;background-color: rgb(255,255,255);-webkit-transition: all 400ms;transition: all 400ms;}
.business_htandcm_hotel .more div{display: inline-block;vertical-align: middle;width: 10px;height: 10px;background-color: rgb(235,9,35);margin: 0 5px;border-radius: 10px;-webkit-transition: all 400ms;transition: all 400ms;}
.business_htandcm_hotel .more{-webkit-transition: all 400ms;transition: all 400ms;}
.business_htandcm_hotel .more div{-webkit-transition: all 400ms;transition: all 400ms;}
.business_htandcm_hotel .more:hover{background-color: rgb(235,9,35);}
.business_htandcm_hotel .more:hover div{background-color: rgb(255,255,255);}

/*business_htandcm_commercial*/
.business_htandcm_commercial .wrap{padding-top: 0;padding-bottom: 55px;background-color: rgb(245,245,245);}
.business_htandcm_commercial .topimg{position: relative;z-index: 1;height: 640px;padding: 0px 460px 0 460px;margin: 0 -460px;background: url(../images/business_htandcm_commercial_01.jpg) no-repeat center 80px fixed;text-align: center;font-size: 0px;}
.business_htandcm_commercial .topimg h3{display: none;padding-top: 142px;font-size: 54px;color: rgb(255,255,255);text-transform: uppercase;margin-bottom: 25px;letter-spacing: 14px;}
.business_htandcm_commercial ul{position: relative;z-index: 2;margin-top: -100px;font-size: 0px;background-color: #fff;padding: 40px;}
.business_htandcm_commercial ul li{position: relative;display: inline-block;vertical-align: top;margin-left: 12px;margin-top: 20px;width:291px;height: 280px;}
.business_htandcm_commercial ul li:nth-child(4n+1){margin-left: 0;}
.business_htandcm_commercial ul li:nth-child(-n+4){margin-top: 0;}
.business_htandcm_commercial ul li>a{width: 291px;height: 280px;position: relative;overflow: hidden;}
.business_htandcm_commercial ul li .ov{width: 291px;height: 200px;overflow: hidden;text-align: center;box-sizing: border-box;padding-top: 70px;position: relative;}
.business_htandcm_commercial ul li .ov img{position: absolute;top: 0;left: 0;z-index: 1;width: 291px;height: 200px;-webkit-transform-origin: center;transform-origin: center;-webkit-transition: all 400ms ease-out;transition: all 400ms ease-out;}
.business_htandcm_commercial ul li .ov .bg{position: absolute;z-index: 2;top: 0;left:0;width: 100%;height: 100%;background-color: rgb(0,0,0);opacity: 0;-webkit-transition: all 400ms;transition: all 400ms;}
.business_htandcm_commercial ul li .ov a{position: relative;top: 100px;z-index: 3;width: 64px;height: 64px;display: inline-block;vertical-align: top;margin: 0 13px;border-radius: 64px;background-color: rgb(255,255,255);font-size: 16px;color: #c9b27c;line-height: 64px;opacity: 0;-webkit-transition: all 400ms;transition: all 400ms;}
.business_htandcm_commercial ul li .box{width: 291px;height: 80px;display: table;background-color: rgb(245,245,245);text-align: center;;}
.business_htandcm_commercial ul li .box h4{display: table-cell;vertical-align: middle;}
.business_htandcm_commercial ul li .box h4 strong{font-size: 22px;color: rgb(51,51,51);text-transform: uppercase;margin: 10px 0;font-weight: 100;-webkit-transition: all 400ms;transition: all 400ms;}
.business_htandcm_commercial ul li .box h4 em{font-family:'webfont-RUBIK-REGULAR';font-size: 14px;color: rgb(200,200,200);text-transform: capitalize;margin: 10px 0;}
.business_htandcm_commercial ul li:hover .ov img{-webkit-transform: scale(1.05,1.05);transform: scale(1.05,1.05);-webkit-transition: all 4000ms ease-out;transition: all 4000ms ease-out;}
.business_htandcm_commercial ul li:hover .ov .bg{opacity: 0.5;}
.business_htandcm_commercial ul li:hover .ov a{top: 0;opacity: 1;}
.business_htandcm_commercial ul li:hover .box h4 strong{color: rgb(235,9,35);}

/*business_htandcm_commercial*/
/*.business_htandcm_commercial{margin-bottom: 10px;}
.business_htandcm_commercial .wrap{padding-top: 0;background-color: rgb(245,245,245);}
.business_htandcm_commercial .topimg{position: relative;z-index: 1;display: table;width: 1280px;height: 640px;padding: 0px 460px 0 460px;margin: 0 -460px;background: url(../images/business_htandcm_commercial_01.jpg) no-repeat center 80px fixed;background-size: auto 640px;text-align: center;font-size: 0px;}
.business_htandcm_commercial .topimg div{display: table-cell;vertical-align: middle}
.business_htandcm_commercial .topimg h3{padding-top: 40px}
.business_htandcm_commercial .topimg h3 strong{font-size: 54px;color: #fff;line-height: 0.8em;letter-spacing: 14px;margin-bottom: 30px;}
.business_htandcm_commercial .topimg h3 em{font-size: 30px;color: rgba(255,255,255,0.8);text-transform: uppercase;}
.business_htandcm_commercial .intro{font-size: 0px;position: relative;z-index: 2;}
.business_htandcm_commercial .intro .box{font-size: 0px;width: 1740px;position: relative;top: -75px;box-shadow: 0 0px 40px 0px rgba(204,204,204,0.5);}
.business_htandcm_commercial .intro .nimble{display: table-cell;vertical-align: top;width: 460px;height: 400px;position: relative;background-color: rgb(243,243,243);background-image: linear-gradient(-90deg,rgb(243,243,243) 0%,rgb(255,255,255) 150%);}
.business_htandcm_commercial .intro .nimble .con{width: 460px;height: 400px;box-sizing: border-box;padding: 50px 40px;position: relative;}
.business_htandcm_commercial .intro .nimble::before{content: "";display: block;position: absolute;z-index: 1;bottom: 0;right: 0;width: 425px;height: 112px;background: url(../images/business_htandcm_hotel_05.png) no-repeat right top;}
.business_htandcm_commercial .intro .nimble h4{position: relative;z-index: 2;}
.business_htandcm_commercial .intro .nimble h4 em{display: block;font-family:'webfont-RUBIK-REGULAR';font-size: 28px;color: rgba(153,153,153,1);line-height: 0.8em;text-transform: uppercase;}
.business_htandcm_commercial .intro .nimble h4 strong{font-size: 24px;color: rgb(235,9,35);margin-top: 18px;letter-spacing: 4px;margin-bottom: 20px;}
.business_htandcm_commercial .intro .nimble h5 em{display: block;font-family:'webfont-RUBIK-REGULAR';font-size: 14px;color: rgba(102,102,102,0.3);text-transform: uppercase;}
.business_htandcm_commercial .intro .nimble h5 strong{font-size: 18px;color: rgb(102,102,102);}
.business_htandcm_commercial .intro .text{position: relative;display: table-cell;vertical-align: top;width: 1280px;background: rgb(255,255,255) url(../images/business_htandcm_commercial_02.jpg) no-repeat center;background-size: cover;}
.business_htandcm_commercial .intro .text .con{width: 840px;box-sizing: border-box;padding-top: 45px;padding-bottom: 45px;padding-left: 50px;}
.business_htandcm_commercial .intro .text p:first-child{margin-top: 0;}
.business_htandcm_commercial .intro .text .phone{display: inline-block;vertical-align: middle;margin-top: 28px;padding: 0 40px;height: 46px;box-sizing: border-box;border: 1px solid rgb(201,178,124);line-height: 46px;text-align: center;font-size: 18px;color: rgb(85,85,85);font-family:'webfont-RUBIK-REGULAR';}
.business_htandcm_commercial .intro .text .phone::before{content: "";display: inline-block;vertical-align: middle;width: 34px;height: 44px;background: url(../images/business_htandcm_hotel_06.png) no-repeat left;}
.business_htandcm_commercial .intro .rbg{display: none;}
.business_htandcm_commercial .commercial{position: relative;z-index: 2;padding: 100px 460px 80px 460px;margin: 0 -460px;background: url(../images/business_htandcm_commercial_03.jpg) no-repeat center top;}
.business_htandcm_commercial .commercial ul{font-size: 0px;}
.business_htandcm_commercial .commercial ul li{display: inline-block;vertical-align: top;margin-top: 40px;margin-left: 16px;}
.business_htandcm_commercial .commercial ul li:nth-child(-n+3){margin-top: 0;}
.business_htandcm_commercial .commercial ul li:nth-child(3n+1){margin-left: 0;}
.business_htandcm_commercial .commercial ul li a{width: 416px;height: 372px;box-sizing: border-box;padding: 255px 30px 0 30px;background-color: rgb(255,255,255);position: relative;}
.business_htandcm_commercial .commercial ul li a .ov{position: absolute;top: 0;left: 0;width: 416px;height: 220px;overflow: hidden;}
.business_htandcm_commercial .commercial ul li a .ov img{width: 416px;height: 220px;-webkit-transform-origin: center;transform-origin: center;-webkit-transition: all 400ms ease-out;transition: all 400ms ease-out;}
.business_htandcm_commercial .commercial ul li a h5{font-size: 20px;color:rgb(255,168,0);line-height: 0.8em;margin-bottom: 15px;-webkit-transition: all 400ms;transition: all 400ms;}
.business_htandcm_commercial .commercial ul li a>div div{display: inline-block;vertical-align: top;font-size: 14px;color: rgb(117,115,120);line-height: 1.74em;}
.business_htandcm_commercial .commercial ul li a>div p{display: inline-block;vertical-align: top;font-size: 14px;color: rgb(117,115,120);line-height: 1.74em;margin-top: 0;width: 272px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.business_htandcm_commercial .commercial ul li a:hover img{-webkit-transform: scale(1.05,1.05);transform: scale(1.05,1.05);-webkit-transition: all 4000ms ease-out;transition: all 4000ms ease-out;}
.business_htandcm_commercial .commercial ul li a:hover h5{color: rgb(235,9,35);}
.business_htandcm_commercial .more{cursor: pointer;margin-top: 40px;height: 60px;font-size: 0px;text-align: center;line-height: 60px;background-color: rgb(255,255,255);-webkit-transition: all 400ms;transition: all 400ms;}
.business_htandcm_commercial .more div{display: inline-block;vertical-align: middle;width: 10px;height: 10px;background-color: rgb(235,9,35);margin: 0 5px;border-radius: 10px;-webkit-transition: all 400ms;transition: all 400ms;}
.business_htandcm_commercial .more{-webkit-transition: all 400ms;transition: all 400ms;}
.business_htandcm_commercial .more div{-webkit-transition: all 400ms;transition: all 400ms;}
.business_htandcm_commercial .more:hover{background-color: rgb(235,9,35);}
.business_htandcm_commercial .more:hover div{background-color: rgb(255,255,255);}*/

/*business_travel*/
.business_travel .wrap{padding-top: 0;background-color: rgb(245,245,245);}
.business_travel .topimg{position: relative;z-index: 1;display: table;width: 1280px;height: 640px;padding: 0px 460px 0 460px;margin: 0 -460px;background: url(../images/business_travel_01.jpg) no-repeat center 80px fixed;font-size: 0px;}
.business_travel .topimg div{display: table-cell;vertical-align: middle;}
.business_travel .topimg h3{padding-left: 130px;position: relative;}
.business_travel .topimg h3::before{content: "";display: block;width: 81px;height: 89px;position: absolute;top: 50%;margin-top: -45px;left: 0px;background: url(../images/business_travel_02.png) no-repeat center;;}
.business_travel .topimg h3 strong{font-size: 44px;color: rgb(255,168,0);line-height: 0.8em;letter-spacing: 6px;margin-bottom: 16px;}
.business_travel .topimg h3 em{font-family:'webfont-RUBIK-REGULAR';font-size: 34px;color: rgb(0,0,189);line-height: 0.8em;}
.business_travel .topimg p{margin-left: 130px;margin-top: 30px;font-size: 20px;color: rgb(255,255,255);}
.business_travel .travel{position: relative;z-index: 2;padding: 0px 460px 10px 460px;margin: 0 -460px;background: url(../images/business_travel_04.jpg) no-repeat center bottom;background-size: cover;}
.business_travel .travel::before{content: "";width: 316px;height: 236px;background: url(../images/content_01.png) no-repeat top;position: absolute;bottom: 0;right: 430px;}
.business_travel .travel ul{font-size: 0px;position: relative;z-index: 2;top: -75px;}
.business_travel .travel ul li{display: inline-block;vertical-align: top;margin-top: 40px;margin-left: 16px;}
.business_travel .travel ul li:nth-child(-n+3){margin-top: 0;}
.business_travel .travel ul li:nth-child(3n+1){margin-left: 0;}
.business_travel .travel ul li a{width: 416px;height: 372px;box-sizing: border-box;padding: 244px 30px 0 30px;background-color: rgb(255,255,255);position: relative;}
.business_travel .travel ul li a .ov{position: absolute;top: 0;left: 0;width: 416px;height: 220px;overflow: hidden;}
.business_travel .travel ul li a .ov img{width: 416px;height: 220px;-webkit-transform-origin: center;transform-origin: center;-webkit-transition: all 400ms ease-out;transition: all 400ms ease-out;}
.business_travel .travel ul li a h5{font-size: 20px;color:rgb(255,168,0);line-height: 0.8em;margin-bottom: 15px;transition: all 400ms}
.business_travel .travel ul li a>div div{display: inline-block;vertical-align: top;font-size: 14px;color: rgb(117,115,120);line-height: 1.74em;}
.business_travel .travel ul li a>div p{display: inline-block;vertical-align: top;font-size: 14px;color: rgb(117,115,120);line-height: 1.74em;margin-top: 0;}
.business_travel .travel ul li a:hover img{-webkit-transform: scale(1.05,1.05);transform: scale(1.05,1.05);-webkit-transition: all 4000ms ease-out;transition: all 4000ms ease-out;}
.business_travel .travel ul li a:hover h5{color: rgb(235,9,35);}
.business_travel .more{position: relative;top: -75px;cursor: pointer;margin-top: 40px;height: 60px;font-size: 0px;text-align: center;line-height: 60px;background-color: rgb(255,255,255);-webkit-transition: all 400ms;transition: all 400ms;}
.business_travel .more div{display: inline-block;vertical-align: middle;width: 10px;height: 10px;background-color: rgb(235,9,35);margin: 0 5px;border-radius: 10px;-webkit-transition: all 400ms;transition: all 400ms;}
.business_travel .more{-webkit-transition: all 400ms;transition: all 400ms;}
.business_travel .more div{-webkit-transition: all 400ms;transition: all 400ms;}
.business_travel .more:hover{background-color: rgb(235,9,35);}
.business_travel .more:hover div{background-color: rgb(255,255,255);}

/*business_life*/
.business_life .wrap{padding-top: 0;background-color: rgb(255,255,255);}
.business_life .topimg{position: relative;z-index: 1;display: table;width: 1280px;height: 640px;padding: 0px 460px 0 460px;margin: 0 -460px;background: url(../images/business_life_01.jpg) no-repeat center 80px fixed;background-size: auto 640px;text-align: right;font-size: 0px;}
.business_life .topimg div{display: table-cell;vertical-align: middle;text-align: right;}
.business_life .topimg h3{width: 1280px;padding-bottom: 100px;}
.business_life .topimg h3 strong{width: 1280px;text-align: right;font-size: 60px;color: rgb(255,168,0);letter-spacing: 14px;}
.business_life .topimg h3 strong img{display: inline-block;vertical-align: middle;margin-left: -20px;margin-right: 160px;}
.business_life .topimg h3 em{font-size: 28px;color: rgb(102,102,102);text-transform: uppercase;line-height: 0.8em;letter-spacing: 8px;margin-top: 20px;}
.business_life .intro{font-size: 0px;position: relative;z-index: 2;}
.business_life .intro .rbg{display: none;}
.business_life .intro .box{font-size: 0px;width: 1740px;position: relative;top: -75px;box-shadow: 0 0px 40px 0px rgba(204,204,204,0.5);}
.business_life .intro .nimble{display: table-cell;vertical-align: top;width: 440px;height: 470px;position: relative;background-color: rgb(255,255,255);background-image: linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(255,255,255) 150%);}
.business_life .intro .nimble::before{content: "";display: block;position: absolute;z-index: 1;bottom: 0;right: 0;width: 425px;height: 112px;background: url(../images/business_htandcm_hotel_05.png) no-repeat right top;}
.business_life .intro .nimble h4{position: relative;z-index: 2;}
.business_life .intro .nimble h4 em{display: block;font-family:'webfont-RUBIK-REGULAR';font-size: 34px;color: rgba(153,153,153,1);line-height: 0.8em;text-transform: uppercase;}
.business_life .intro .nimble h4 strong{font-size: 24px;color: rgb(235,9,35);margin-top: 18px;letter-spacing: 4px;margin-bottom: 20px;}
.business_life .intro .nimble p{margin-bottom: 40px;position: relative;z-index: 2;}
.business_life .intro .text{position: relative;display: table-cell;vertical-align: middle;width: 1300px;background:url(../images/business_life_03.jpg) no-repeat top;background-size: cover;}
.business_life .intro .text .con{padding-left: 50px;padding-top: 90px;}
.business_life .intro .text p:first-child{margin-top: 0;}
.business_life .intro .text h2{font-size: 18px;color: rgb(255,168,0);line-height: 1.74em;}
.business_life .intro .text p{margin-top: 0px;color: rgb(117,115,120);margin-bottom: 30px;}
.business_life .intro .text h5{font-size: 18px;color: #c9b27c;letter-spacing: 3px;margin-bottom: 20px;}
.business_life .intro .text h5 strong{display: inline-block;vertical-align: baseline;font-size: 24px;color: inherit;}
.business_life .intro .text h6{font-size: 24px;color: rgb(119,119,119);}
.business_life .life_idea{height: 500px;padding: 0 460px;margin: 0 -460px;background: url(../images/business_life_04.jpg) no-repeat center;background-size: cover;font-size: 0px;position: relative;}
.business_life .life_idea .idea{display:inline-block;vertical-align: top;width: 620px;}
.business_life .life_idea .idea h4{position: relative;margin-top: 115px;width: 510px;}
.business_life .life_idea .idea h4::before{content: "";position: absolute;width: 62px;height: 62px;top: 50%;margin-top: -31px;left: -80px;background: url(../images/business_life_05.png) no-repeat center;}
.business_life .life_idea .idea h4 strong{font-size: 20px;color: rgb(235,9,35);line-height: 0.8em;}
.business_life .life_idea .idea h4 em{margin-top: 16px;border-top: 4px solid rgba(255,255,255,0.3);padding-top: 16px;font-size: 24px;color: rgba(120,100,87,0.7);line-height: 0.8em;}
.business_life .life_idea .idea p{margin-top: 30px;color: #54342d;}
.business_life .life_idea .hour72{display: inline-table;width: 1100px;height: 500px;position: absolute;top: 0;right: 0;}
.business_life .life_idea .hour72 .des{display: table-cell;vertical-align: middle;}
.business_life .life_idea .hour72 p{margin: 0;font-size: 24px;color: #ffe079;}
.business_life .life_idea .hour72 p strong{display: inline-block;vertical-align: middle;width: 154px;height: 170px;margin-left: 12px;margin-right: 12px;line-height: 166px;background: url(../images/business_life_06.png) no-repeat left;}
.business_life .life_idea .hour72 p em{display: inline-block;vertical-align: middle;height: 170px;line-height: 164px;margin-left: 12px;font-size: 50px;}
.business_life .threeservice{padding-bottom: 100px;margin-top: -50px;position: relative;z-index: 2;font-size: 0;}
.business_life .threeservice li{display: inline-block;vertical-align: top;margin-left: 19px;margin-top: 19px;width: 414px;height: 467px;background-color: rgb(248,248,248);}
.business_life .threeservice li:nth-child(3n+1){margin-left: 0;}
.business_life .threeservice li:nth-child(-n+3){margin-top: 0;}
.business_life .threeservice li .ov{width: 414px !important;width: 255px;overflow: hidden;}
.business_life .threeservice li .ov img{width: 414px;height: 255px;-webkit-transform-origin: center;transform-origin: center;-webkit-transition: all 400ms;transition: all 400ms;}
.business_life .threeservice li h5{padding: 24px 30px 17px 30px;font-size: 24px;color: rgb(255,168,0);-webkit-transition: all 400ms;transition: all 400ms}
.business_life .threeservice li .des{padding: 0 15px;margin: 0 15px;max-height: 120px;overflow: auto;}
.business_life .threeservice li .des p{margin: 0;text-align: justify;}
.business_life .threeservice li:hover img{-webkit-transform: scale(1.05,1.05);transform: scale(1.05,1.05);-webkit-transition: all 2000ms;transition: all 2000ms;}
.business_life .threeservice li:hover h5{color: rgb(235,9,35);}
.business_life .hemei{height: 875px;padding:0 460px;margin: 0 -460px;background: rgb(248,248,248) url(../images/csr_06.jpg) no-repeat right top;}
.business_life .hemei h4{padding-top: 50px;padding-bottom: 55px;text-align: center;line-height: 0.8em;}
.business_life .hemei h4 em{font-family:'webfont-RUBIK-REGULAR';font-size: 34px;color: rgb(153,153,153);text-transform: uppercase;margin-bottom: 10px;}
.business_life .hemei h4 strong{font-size: 24px;color: rgb(235,9,35);}
.business_life .hemei .toggle{margin-bottom: 52px;font-size: 0px;text-align: center;}
.business_life .hemei .toggle li{position: relative;display: inline-table;vertical-align: top;width: 145px;height: 145px;margin: 0 27px;background-color: transparent;cursor: pointer;border-radius: 145px;-webkit-transition: all 400ms;transition: all 400ms;}
.business_life .hemei .toggle li h5{display: table-cell;vertical-align: middle;text-align: center;position: relative;z-index: 1;}
.business_life .hemei .toggle li h5 img{height: 50px;margin: 0 auto 10px auto;}
.business_life .hemei .toggle li h5 strong{display: block;font-size: 16px;color: rgb(85,85,85);line-height: 1.2em;-webkit-transition: all 400ms;transition: all 400ms;}
.business_life .hemei .toggle li .bg{position: absolute;top: 0;left: 0;z-index: 2;width: 145px;height: 151px;background-image: url(../images/business_life_07.png);background-repeat: no-repeat;background-position: center top;-webkit-transition: all 400ms;transition: all 400ms;}
.business_life .hemei .toggle li.on strong{color: rgb(235,9,35);}
.business_life .hemei .toggle li.on .bg{background-image: url(../images/business_life_08.png);}
.business_life .hemei .toggle li:hover h5 strong{color: rgb(235,9,35);}
.business_life .hemei .states{font-size: 0px;width: 1280px;height: 420px;overflow: hidden;}
.business_life .hemei .states li{display: none;}
.business_life .hemei .states li:nth-child(1){display: block;}
.business_life .hemei .states li{width: 1280px;height: 420px;box-sizing: border-box;padding: 55px 680px 0 40px;background-color: #fff;position: relative;}
.business_life .hemei .states li .ov{position: absolute;top: 0;right: 0;width: 640px;height: 420px;overflow: hidden;}
.business_life .hemei .states li .ov img{width: 640px;height: 420px;}
.business_life .hemei .states li h5{line-height: 0.8em;border-bottom: 4px solid rgb(246,239,229);margin-bottom: 30px;} 
.business_life .hemei .states li h5 em{font-family:'webfont-RUBIK-REGULAR';font-size: 28px;color: rgb(153,153,153);text-transform: uppercase;margin-bottom: 10px;}
.business_life .hemei .states li h5 strong{font-size: 20px;color: rgb(235,9,35);margin-bottom: 20px;}
.business_life .hemei .states li .text{max-height: 220px;overflow: auto;}
.business_life .hemei .states li .text::-webkit-scrollbar-thumb{background-color: rgb(246,239,229);}
.business_life .hemei .states li .text p{margin-top: 0px;}
.business_life .hemei .states li .text p strong{color: #c9b27c;display: inline-block;vertical-align: top;line-height: 1.74em;font-size: 14px;}
.business_life .activities{padding: 50px 0 80px 0;}
.business_life .activities h4{padding-bottom: 40px;text-align: center;line-height: 0.8em;}
.business_life .activities h4 em{font-family:'webfont-RUBIK-REGULAR';font-size: 34px;color: rgb(153,153,153);text-transform: uppercase;margin-bottom: 10px;}
.business_life .activities h4 strong{font-size: 24px;color: rgb(235,9,35);}
.business_life .activities ul{font-size: 0px;}
.business_life .activities ul li{display: inline-block;vertical-align: top;margin-left: 16px;width: 416px;height: 330px;overflow: hidden;position: relative;}
.business_life .activities ul li:nth-child(1){margin-left: 0px;}
.business_life .activities ul li img{width: 416px;height: 330px;-webkit-transition: all 400ms ease-out;transition: all 400ms ease-out;-webkit-transform-origin: center;transform-origin: center;}
.business_life .activities ul li div{width: 210px;height: 52px;position: absolute;z-index: 2;left: 0;bottom: 84px;display: table;box-sizing: border-box;padding: 0 25px;background-color: rgb(255,168,0);border-radius: 0 52px 52px 0;-webkit-transition: all 400ms;transition: all 400ms;}
.business_life .activities ul li div h5{display: table-cell;vertical-align: middle;font-size: 16px;color: #fff;line-height: 1.4em;}
.business_life .activities ul li a:hover img{-webkit-transform: scale(1.05,1.05);transform: scale(1.05,1.05);-webkit-transition: all 4000ms ease-out;transition: all 4000ms ease-out;}
.business_life .activities ul li a:hover div{background-color: rgb(235,9,35);}
.business_life .community{position: relative;height: 860px;padding: 0 460px;margin: 0 -460px;background-color: rgb(90,139,212);background-image: linear-gradient(0deg,rgb(105,129,207),rgb(71,189,217));}
.business_life .community img{width: 479px;height: 479px;position: absolute;z-index: 1;bottom: 30px;left: 570px;}
.business_life .community h4{padding-top: 100px;position: relative;z-index: 2;line-height: 0.8em;width: 540px;}
.business_life .community h4 em{font-family:'webfont-RUBIK-REGULAR';font-size: 34px;color: #fff;text-transform: uppercase;margin-bottom: 10px;}
.business_life .community h4 strong{font-size: 24px;color:#fff;}
.business_life .community .text{position: relative;z-index: 2;margin-top: 20px;width: 540px;}
.business_life .community .text h5{font-size: 18px;color: #fff;line-height: 1.4em;margin-top: 40px;margin-bottom: 5px;}
.business_life .community .text p{font-size: 14px;color: #fff;margin: 0;}
.business_life .community .app{position: absolute;z-index: 2;bottom: 30px;right: 490px;width: 562px;height: 663px;}
.business_life .community .app img{width: 562px;height: 663px;position: absolute;top: 0;left: 0px;z-index: 1;}
.business_life .community .app ul{position: absolute;z-index: 2;top: 0;left: 0;width: 562px;}
.business_life .community .app ul li{width: 562px;position: absolute;font-size: 18px;color: #ffeda4;}
.business_life .community .app ul li p{font-size: 18px;color: #ffeda4;margin: 0;line-height: inherit;}
.business_life .community .app ul li:nth-child(1){top: 446px;left: -545px;text-align: right;}
.business_life .community .app ul li:nth-child(2){top: 202px;left: -580px;text-align: right;}
.business_life .community .app ul li:nth-child(3){top: -38px;left: 0px;text-align: center;}
.business_life .community .app ul li:nth-child(4){top: 202px;right: -580px;text-align: left;}
.business_life .community .app ul li:nth-child(5){top: 446px;right: -545px;text-align: left;}

/*business_urban*/
.business_urban .topimg{background: url(../images/business_urban_banner.jpg) no-repeat center 80px fixed;}
.business_urban .topimg div{display:inline-block;padding-top:180px;}
.business_urban .topimg h3 strong{font-size:54px;color:#8a2bbb;text-align:center; text-align: right;padding-right: 80px;}
.business_urban .topimg h3 em{font-size:50px;color:#b4b4b4;text-align:center;font-family: none;font-weight:100;margin-top:25px;letter-spacing: 5px;text-align: right;}
.business_urban .intro .nimble h5{font-size:18px;color:#666666;margin-top:25px;}
.business_urban .intro .nimble p{font-size:14px;color:#666666;opacity:.3;filter:alpha(opacity=30);}
.business_urban .intro .nimble{height:404px;background:url(../images/business_urban_t1.jpg) no-repeat left;}
.business_urban .intro .nimble:before{display:none;}
.business_urban .intro .text{background:url(../images/business_urban_text.jpg) no-repeat top;background-size:cover;}
.business_urban ._list{height:auto;min-height:578px;background:#f5f5f5 url(../images/business_urban_list.jpg) no-repeat top;padding:100px 460px 60px 460px;}
.business_urban ._list ul{font-size: 0px;padding-top: 40px;}
.business_urban ._list ul li{display: inline-block;vertical-align: top;margin-top: 40px;margin-left: 16px;}
.business_urban ._list ul li:nth-child(-n+3){margin-top: 0;}
.business_urban ._list ul li:nth-child(3n+1){margin-left: 0;}
.business_urban ._list ul li a{width: 416px;height: 372px;box-sizing: border-box;padding: 255px 30px 0 30px;background-color: rgb(255,255,255);position: relative;}
.business_urban ._list ul li a .ov{position: absolute;top: 0;left: 0;width: 416px;height: 220px;overflow: hidden;}
.business_urban ._list ul li a .ov img{width: 416px;height: 220px;-webkit-transform-origin: center;transform-origin: center;-webkit-transition: all 400ms ease-out;transition: all 400ms ease-out;}
.business_urban ._list ul li a h5{font-size: 20px;color:rgb(255,168,0);line-height: 0.8em;margin-bottom: 15px;-webkit-transition: all 400ms;transition: all 400ms;}
.business_urban ._list ul li a>div div{display: inline;vertical-align: top;font-size: 14px;color: rgb(117,115,120);line-height: 1.74em;}
.business_urban ._list ul li a>div p{display: inline;vertical-align: top;font-size: 14px;color: rgb(117,115,120);line-height: 1.74em;margin-top: 0;}
.business_urban ._list ul li a:hover img{-webkit-transform: scale(1.05,1.05);transform: scale(1.05,1.05);-webkit-transition: all 4000ms ease-out;transition: all 4000ms ease-out;}
.business_urban ._list ul li a:hover h5{color: rgb(235,9,35);}
.business_urban .intro .text .con{max-height: 404px;}
/*business_life_d*/
.business_life_d .sitebar ul{font-size: 0px;}
.business_life_d .sitebar ul li{width: 360px;height: 116px;margin-top: 20px;display: table;background-color: rgb(255,255,255);box-shadow: 2px 2px 10px 0px rgba(209,177,106,0.1);border-radius: 12px;position: relative;}
.business_life_d .sitebar ul li a{width: 360px;height: 116px;display: table;}
.business_life_d .sitebar ul li:nth-child(1){margin-top: 0px;}
.business_life_d .sitebar ul li button{position: absolute;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;right: 32px;width: 36px;height: 36px;box-sizing: border-box;border: 2px solid rgb(224,224,224);background: url(../images/about_party_04.png) no-repeat center/20px auto;color: transparent;border-radius: 36px;cursor: pointer;}
.business_life_d .sitebar ul li h4{display: table-cell;vertical-align: middle;padding-left: 40px;}
.business_life_d .sitebar ul li h4 strong{font-size: 18px;color: rgb(102,102,102);margin: 12px 0;-webkit-transition: all 400ms;transition: all 400ms;}
.business_life_d .sitebar ul li h4 em{font-family:'webfont-RUBIK-REGULAR';font-size: 12px;color: rgb(153,153,153);text-transform: uppercase;margin: 12px 0;}
.business_life_d .sitebar ul li.on{background-color: rgb(255,168,0);}
.business_life_d .sitebar ul li.on button{border-color: #fff;background-image: url(../images/about_party_07.png);}
.business_life_d .sitebar ul li.on h4 strong{color: #fff;}
.business_life_d .sitebar ul li.on h4 em{color: #fff;}
.business_life_d .sitebar ul li:hover h4 strong{color: rgb(235,9,35);}
.business_life_d .sitebar ul li.on :hover h4 strong{color: rgb(255,255,255);}
.business_life_d .inwrap .newsbox .box .top{padding-bottom: 0px !important;border: none !important;}
.business_life_d .inwrap .newsbox .box .top h4{margin-bottom: 0px !important;}
.business_life_d .inwrap .newsbox .box .top h4 strong{font-size: 24px;color: rgb(235,9,35);margin-bottom: 16px;}
.business_life_d .inwrap .newsbox .box .top h4 em{font-family:'webfont-RUBIK-REGULAR';font-size: 24px;color: rgb(153,153,153);text-transform: uppercase;}

/*business_apartment*/
/*.business_apartment{margin-bottom: 10px;}*/
.business_apartment{width:100%; background:rgb(245,245,245);}
.business_apartment .wrap{padding-top: 0;background-color: rgb(245,245,245); margin:0 auto; position:relative; z-index: 5; overflow:visible; padding:0;}
.business_apartment .topimg{position: relative;z-index: 1;display: table;width: 1280px;height: 640px;padding: 0px 460px 0 460px;margin: 0 -460px;background: url(../images/business_apartment_01.jpg) no-repeat center 80px fixed;background-size: auto 640px;text-align: right;font-size: 0px;}
.business_apartment .topimg div{display: table-cell;vertical-align: middle;text-align: right;}
.business_apartment .topimg h3{width: 1280px;padding-bottom: 100px; letter-spacing: 10px; margin:0 auto;}
.business_apartment .topimg h3 strong{width: 1280px;text-align: center;font-size: 55px;color: rgb(255,168,0);}
.business_apartment .topimg h3 em{font-size: 24px;color: rgb(102,102,102);text-transform: uppercase;line-height: 1.1em;margin-top: 30px;padding-left: 650px; text-align: left;}
.business_apartment .topimg h3 .en{color:#b1b2af; letter-spacing: 1px;}
.business_apartment .intro{font-size: 0px;position: relative;z-index: 2;}
.business_apartment .intro .box{font-size: 0px;width: 1740px;position: relative;top: -75px;box-shadow: 0 0px 40px 0px rgba(204,204,204,0.5);}
.business_apartment .intro .nimble{display: table-cell;vertical-align: top;width: 440px;height: 470px;position: relative;background-color: rgb(243,243,243);background-image: linear-gradient(-90deg,rgb(243,243,243) 0%,rgb(255,255,255) 150%);}
.business_apartment .intro .nimble .con{width: 440px;height: 470px; position:relative; z-index: 5;}
.business_apartment .intro .nimble::before{content: "";display: block;position: absolute;z-index: 1;bottom: 0;right: 0;width: 425px;height: 164px;background: url(../images/business_htandcm_hotel_05.png) no-repeat right top;}
/*.business_apartment .intro .nimble h4{position: relative;z-index: 2;margin-bottom: 22px;}
.business_apartment .intro .nimble h4 em{display: block;font-family:'webfont-RUBIK-REGULAR';font-size: 34px;color: rgba(153,153,153,0.8);line-height: 0.8em;text-transform: uppercase;}
.business_apartment .intro .nimble h4 strong{font-size: 24px;color: rgb(235,9,35);margin-top: 18px;letter-spacing: 4px;margin-bottom: 20px;}
.business_apartment .intro .nimble p{position: relative;z-index: 2;margin: 0;}*/
.business_apartment .intro .nimble .icon_wr{margin-bottom:40px; height:86px; overflow:hidden; padding:10px 0 0; margin-top:-10px;}
.business_apartment .intro .nimble .icon{float:left; margin-right:8px; cursor:pointer; -webkit-transition: margin .4s;
   -moz-transition: margin .4s;
    -ms-transition: margin .4s;
     -o-transition: margin .4s;
        transition: margin .4s;}
.business_apartment .intro .nimble .icon:hover{margin-top:-10px;}
.business_apartment .intro .nimble .bshare-custom{margin-top:20px;}
.business_apartment .intro .nimble .bshare-custom a{position:relative; float:left; width:45px; height:45px; margin:0 15px 0 0; padding:0; background:url("../images/business_apartment_share.png") no-repeat left center;}
.business_apartment .intro .nimble .bshare-custom .bshare-weixin{background-position:-60px center;}
.business_apartment .intro .nimble .bshare-custom .bshare-book{background-position:-120px center;}
.business_apartment .intro .nimble .bshare-custom .bshare-trill{background-position:-180px center;}
.business_apartment .intro .nimble .btn{width:130px; text-align: center; height:44px; line-height: 44px; color:#fff; font-size:14px; background:#c9b27c; border-radius: 44px; margin-top:30px; -webkit-transition: all .4s;
   -moz-transition: all .4s;
    -ms-transition: all .4s;
     -o-transition: all .4s;
        transition: all .4s;}
.business_apartment .intro .bshare-custom .pon{display:none; width: 118px;height: 125px;background: url(../images/wxqcbg.png) no-repeat center;padding: 2px 5px 0;position: absolute;top: -132px;left: 50%; margin-left: -59px; box-sizing: border-box;}
.business_apartment .intro .bshare-custom .pon img{width: 100%;}
.business_apartment .intro .nimble .bshare-custom a:hover .pon{display:block;}
.business_apartment .intro .nimble .btn:hover{background:rgb(235,9,35);}
.business_apartment .intro .nimble .h4{font-size:14px; color:#999; line-height:24px;}
.business_apartment .intro .text{position: relative;display: table-cell;vertical-align: top;width: 1300px;background:url(../images/business_apartment_02.jpg) no-repeat center;background-size: cover;}
/*.business_apartment .intro .text p:first-child{margin-top: 0;}
.business_apartment .intro .text h2{font-size: 18px;color: rgb(255,168,0);line-height: 1.74em;}
.business_apartment .intro .text p{margin-top: 0px;color: rgb(119,119,119);margin-bottom: 30px;}
.business_apartment .intro .text h5{font-size: 18px;color: #c9b27c;letter-spacing: 3px;margin-bottom: 20px;}
.business_apartment .intro .text h5 strong{display: inline-block;vertical-align: baseline;font-size: 24px;}
.business_apartment .intro .text h6{font-size: 24px;color: rgb(119,119,119);}*/
.business_apartment .intro .text .con{padding-left:94px; height: auto; padding-bottom:20px;}
.business_apartment .intro .text .h1_en{font-size:44px; color:#e6e6e6; line-height:40px; letter-spacing: 2px;}
.business_apartment .intro .text .h1_cn{font-size:24px; color:#333; line-height:30px; letter-spacing: 4px; margin:-16px 0 10px;}
.business_apartment .intro .text p{margin:0 0 24px;}
.business_apartment .intro .p_box{margin:0 0 24px;}
.business_apartment .intro .p_box p{margin:0;}
.business_apartment .intro .p_box em{display:inline;}
.business_apartment .intro .p1 em{color:#433785;}
.business_apartment .intro .p2 em{color:#2eb7df;}
.business_apartment .intro .p3 em{color:#e44867;}
.business_apartment .intro .h3{font-size:18px; color:#444; line-height: 28px; margin-bottom: 8px;}
.business_apartment .intro .h4{font-size:16px; color:#999; line-height: 24px;}
.business_apartment .boshe{position: relative;z-index: 1;height: 601px;padding: 68px 460px 0 460px; width:1280px; margin: 0 -460px;background: url(../images/business_apartment_03.jpg) no-repeat center;}
.business_apartment .boshe h4 em{margin-bottom: 15px;}
.business_apartment .boshe h4 em,.business_apartment .boshe h4 strong{color:#fff;}
.business_apartment .boshe ul{padding-top: 45px;}
.business_apartment .boshe li{float:left; width:184px; position:relative; margin-left: 35px; padding-bottom: 150px;}
.business_apartment .boshe li,.business_apartment .boshe li *{-webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s;}
.business_apartment .boshe li:first-child{margin-left: 0;}
.business_apartment .boshe li .pic{padding:2px; position:relative; height:180px;}
.business_apartment .boshe li .bg{background:#bde8f5; position:absolute; left:0; top:0; height:100%; width:100%; border-radius: 50%;}
.business_apartment .boshe li .box{position:relative; z-index: 2;}
.business_apartment .boshe li em{position:absolute; left:0; bottom:0; width:100%; text-align: center; font-size: 18px; line-height: 28px; padding-bottom: 10px; color:#fff;}
.business_apartment .boshe li .txt{position:absolute; left:50%; top:203px; width:240px; margin-left: -120px;}
.business_apartment .boshe li:hover{margin-top:-20px;}
.business_apartment .boshe li:hover .bg{background: #ffee5e;}
.business_apartment .boshe .h4{text-align: center; font-size: 14px; color:#fff; line-height: 24px; margin-bottom: 10px;}
.business_apartment .boshe p{font-size: 12px; color:#d4edf7; line-height: 20px; text-align: center; margin-top: 0;}
.business_apartment .boshe .text{display: table-cell;vertical-align: middle;width: 600px;padding-right: 80px;}
.business_apartment .boshe .text p{color: rgba(255,255,255,0.7); text-align: justify;}
.business_apartment .boshe .text p:nth-child(1){margin-top: 0;}
.business_apartment .boshe .text p strong{font-size: 16px;color:rgba(255,255,255,1);margin-bottom: -5px;}
.business_apartment .boshe .feature{display: table-cell;vertical-align: middle;width: 600px;}
.business_apartment .boshe .feature .left{display: table-cell;vertical-align: middle;width: 188px;}
.business_apartment .boshe .feature .left .img{width: 188px;height: 188px;background: url(../images/business_apartment_04.png) no-repeat center;}
.business_apartment .boshe .feature .left .img div{padding-top: 10px;width: 59px;text-align: center;font-size: 14px;color: #ff8840;}
.business_apartment .boshe .feature .right{display: table-cell;vertical-align: middle;width: 382px;padding-left: 30px;}
.business_apartment .boshe .feature .right h5{padding: 5px 0;}
.business_apartment .boshe .feature .right h5 strong{font-size: 16px;color: #ffe3c8;margin: 8px 0;}
.business_apartment .boshe .feature .right h5 em{font-family:'webfont-RUBIK-REGULAR';font-size: 12px;color: rgba(255,227,200,0.6);margin: 8px 0;line-height: 1.2em;}
.business_apartment .items{position: relative;z-index: 2;margin-top: -150px;padding-bottom: 80px;}
.business_apartment .items ul{font-size: 0px;}
.business_apartment .items ul li{display: inline-block;vertical-align: top;margin-top: 40px;margin-left: 20px;}
.business_apartment .items ul li:nth-child(-n+2){margin-top: 0;}
.business_apartment .items ul li:nth-child(2n+1){margin-left: 0;}
.business_apartment .items ul li a{width: 630px;height: 450px;box-sizing: border-box;padding: 324px 30px 0 30px;background-color: rgb(255,255,255);position: relative;}
.business_apartment .items ul li a .ov{position: absolute;top: 0;left: 0;width: 630px;height: 300px;overflow: hidden;}
.business_apartment .items ul li a .ov img{width: 630px;height: 300px;-webkit-transform-origin: center;transform-origin: center;-webkit-transition: all 400ms ease-out;transition: all 400ms ease-out;}
.business_apartment .items ul li a h5{font-size: 20px;color:rgb(255,168,0);line-height: 0.8em;margin-bottom: 12px;-webkit-transition: all 400ms;transition: all 400ms;}
.business_apartment .items ul li a p{margin-top: 0;}
.business_apartment .items ul li a:hover img{-webkit-transform: scale(1.05,1.05);transform: scale(1.05,1.05);-webkit-transition: all 4000ms ease-out;transition: all 4000ms ease-out;}
.business_apartment .items ul li a:hover h5{color: rgb(235,9,35);}
.business_apartment .more{cursor: pointer;margin-top: 40px;height: 60px;font-size: 0px;text-align: center;line-height: 60px;background-color: rgb(255,255,255);-webkit-transition: all 400ms;transition: all 400ms;}
.business_apartment .more div{display: inline-block;vertical-align: middle;width: 10px;height: 10px;background-color: rgb(235,9,35);margin: 0 5px;border-radius: 10px;-webkit-transition: all 400ms;transition: all 400ms;}
.business_apartment .more{-webkit-transition: all 400ms;transition: all 400ms;}
.business_apartment .more div{-webkit-transition: all 400ms;transition: all 400ms;}
.business_apartment .more:hover{background-color: rgb(235,9,35);}
.business_apartment .more:hover div{background-color: rgb(255,255,255);}

/*business_home*/
/*.business_home{margin-bottom: 10px;}*/
.business_home .wrap{padding-top: 0;background-color: rgb(245,245,245); padding-bottom: 70px;}
.business_home .topimg{position: relative;z-index: 1;display: table;width: 1280px;height: 640px;padding: 0px 460px 0 460px;margin: 0 -460px;background: url(../images/business_home_01.jpg) no-repeat center 80px fixed;background-size: auto 640px;text-align: right;font-size: 0px;}
.business_home .topimg div{display: table-cell;vertical-align: middle;text-align: right;}
.business_home .topimg h3{width: 1280px;padding-bottom: 100px;}
.business_home .topimg h3 strong{font-size: 34px;color: #666666;letter-spacing: 14px; text-align: left;}
.business_home .topimg h3 em{font-size: 49px;color: #4dbee3;line-height: 44px; text-align: left; margin-bottom: 18px;}
.business_home .intro{font-size: 0px;position: relative;z-index: 2;}
.business_home .intro .box{font-size: 0px;width: 1740px;position: relative;top: -75px;box-shadow: 0 0px 40px 0px rgba(204,204,204,0.5);}
.business_home .intro .nimble{display: table-cell;vertical-align: top;width: 440px;height: 398px;position: relative; background-color: rgb(243,243,243);background-image: linear-gradient(-90deg,rgb(243,243,243) 0%,rgb(255,255,255) 150%);}
.business_home .intro .nimble::before{display:none;}
.business_home .intro .nimble .con{width: 440px;height: 398px; background:url("../images/business_home_box_bg.jpg") no-repeat bottom right;}
.business_home .intro .nimble h4{position: relative;z-index: 2;margin-bottom: 22px;}
.business_home .intro .nimble h4 em{display: block;font-family:'webfont-RUBIK-REGULAR';font-size: 34px;color: rgba(153,153,153,0.8);line-height: 0.8em;text-transform: uppercase;}
.business_home .intro .nimble h4 strong{font-size: 24px;color: #199576;margin-top: 18px;letter-spacing: 4px;margin-bottom: 20px;}
.business_home .intro .nimble p{position: relative;z-index: 2;margin: 0;}
.business_home .intro .text{position: relative;display: table-cell;vertical-align: top;width: 1300px;background-color: #fff;background-image: linear-gradient(90deg,#fff,#e9e9e9);}
.business_home .intro .text .con{height: auto; padding-left: 125px; padding-top: 134px;}
.business_home .intro .text p:first-child{margin-top: 0;}
.business_home .intro .text h2{font-size: 18px;color: rgb(255,168,0);line-height: 1.74em;}
.business_home .intro .text p{margin-top: 0px;color: rgb(119,119,119);margin-bottom: 30px;}
.business_home .intro .text h5{font-size: 18px;color: #c9b27c;letter-spacing: 3px;margin-bottom: 20px;}
.business_home .intro .text h5 strong{display: inline-block;vertical-align: baseline;font-size: 24px;}
.business_home .intro .text h6{font-size: 24px;color: rgb(119,119,119);}
.business_home .boshe{position: relative; z-index: 1; display: table; height: 740px; padding: 0 460px 0 460px; margin: 0 -460px; background: url("../images/business_home_k2.jpg") no-repeat center;}
.business_home .boshe .img{float:left;  width: 600px; padding-right: 80px;height:600px; position:relative;top:55px; left:-42px;}
.business_home .boshe .img .circle3{position:absolute; left:50%; top:50%; width:150px; height:100px; margin:-50px 0 0 -75px; z-index: 5;}
.business_home .boshe .img .circle3 .h1{font-size: 24px; color:#e0ff10; text-align: center; line-height: 30px; margin-bottom: 12px; padding-top:10px;}
.business_home .boshe .img .circle3 .h2{font-size: 20px; letter-spacing: 6px; color:#f6eee5; text-align: center; line-height: 30px; margin-bottom: 12px;}
.business_home .boshe .img .circle2{position:absolute; left:0; top:0; width:100%; height:100%; background:url("../images/business_home_chart.png") no-repeat center;}
.business_home .boshe .img .circle1{position:absolute; left:0; top:0; width:100%; height:100%;}
.business_home .boshe .img .circle1 .h4_cn{font-size: 16px; color:#fff9ec; line-height: 20px;}
.business_home .boshe .img .circle1 .h4_en{font-size: 12px; color:#abe1cb; line-height: 20px; font-family:'webfont-RUBIK-REGULAR';}
.business_home .boshe .img li{position:absolute;}
.business_home .boshe .img .li1{left:304px; top:47px;}
.business_home .boshe .img .li1 *,.business_home .boshe .img .li6 *{text-align: center;}
.business_home .boshe .img .li7 *,.business_home .boshe .img .li8 *,.business_home .boshe .img .li9 *,.business_home .boshe .img .li10 *{text-align: right;}
.business_home .boshe .img .li2{left:465px; top:109px;}
.business_home .boshe .img .li3{left:533px; top:217px;}
.business_home .boshe .img .li4{left:527px; top:337px;}
.business_home .boshe .img .li5{left:482px; top:435px;}
.business_home .boshe .img .li6{left:292px; top:510px;}
.business_home .boshe .img .li7{left:76px; top:434px;}
.business_home .boshe .img .li8{left:61px; top:336px;}
.business_home .boshe .img .li9{left:68px; top:213px;}
.business_home .boshe .img .li10{left:123px; top:109px;}
.business_home .boshe .text{float:right; vertical-align: middle; width: 600px; padding:200px 0 0 100px; box-sizing: border-box;}
.business_home .boshe .text h5{position: relative;}
.business_home .boshe .text h5 em{font-family:'webfont-RUBIK-REGULAR';font-size: 44px;color: #fff;text-transform: capitalize;text-indent: -4px;line-height: 0.8em;margin-bottom: 17px;}
.business_home .boshe .text h5 strong{font-size: 24px;color: #fff;}
.business_home .boshe .text h5:before{content: "";display: block;position: absolute;width: 68px;height: 68px;top: 50%;margin-top: -37px;left: -86px;background:url("../images/business_home_icon.png") no-repeat center;}
.business_home .boshe .text p{margin-top: 23px;border-top: #66c9ad 4px solid;padding-top: 22px;color: rgba(245,245,245,.7);margin-bottom: 0px;}




.business_home .items{position: relative;z-index: 2;margin: -50px 0 0 -44px; padding: 40px 44px 40px; width:1368px;  background:#fff;box-sizing:border-box;}
.business_home .items .h1_en{display: block;font-family:'webfont-RUBIK-REGULAR';font-size: 34px;color: rgba(153,153,153,0.8);line-height: 0.8em;text-transform: uppercase; text-align: center;}
.business_home .items .h1_cn{font-size: 24px;color: #d23237;margin-top: 18px;letter-spacing: 4px;margin-bottom: 50px; text-align: center;}
.business_home .items ul{font-size: 0px;}
.business_home .items ul li{display: inline-block;vertical-align: top;margin-top: 20px;margin-left: 10px;}
.business_home .items ul li:nth-child(-n+2){margin-top: 0;}
.business_home .items ul li:nth-child(2n+1){margin-left: 0;}
.business_home .items ul li a{width: 635px;height:540px;box-sizing: border-box;padding:400px 30px 0 30px;background-color: #f8f8f8;position: relative;}
.business_home .items ul li a .ov{position: absolute;top: 0;left: 0;width: 635px;height: 360px;overflow: hidden;}
.business_home .items ul li a .ov img{width: 635px;height: 360px;-webkit-transform-origin: center;transform-origin: center;-webkit-transition: all 400ms ease-out;transition: all 400ms ease-out;}
.business_home .items ul li a h5{font-size: 20px;color:rgb(255,168,0);line-height: 0.8em;margin-bottom: 12px;-webkit-transition: all 400ms;transition: all 400ms;}
.business_home .items ul li a p{margin-top: 0;}
.business_home .items ul li a:hover img{-webkit-transform: scale(1.05,1.05);transform: scale(1.05,1.05);-webkit-transition: all 4000ms ease-out;transition: all 4000ms ease-out;}
.business_home .items ul li a:hover h5{color: rgb(235,9,35);}
.business_home .more{cursor: pointer;margin-top: 40px;height: 60px;font-size: 0px;text-align: center;line-height: 60px;background-color: rgb(255,255,255);-webkit-transition: all 400ms;transition: all 400ms;}
.business_home .more div{display: inline-block;vertical-align: middle;width: 10px;height: 10px;background-color: rgb(235,9,35);margin: 0 5px;border-radius: 10px;-webkit-transition: all 400ms;transition: all 400ms;}
.business_home .more{-webkit-transition: all 400ms;transition: all 400ms;}
.business_home .more div{-webkit-transition: all 400ms;transition: all 400ms;}
.business_home .more:hover{background-color: rgb(235,9,35);}
.business_home .more:hover div{background-color: rgb(255,255,255);}






/*business_education*/
/*.business_education{margin-bottom: 10px;}*/
.business_education .wrap{padding-top: 0;background-color: rgb(255,255,255);}
.business_education .topimg{position: relative;z-index: 1;display: table;width: 1280px;height: 640px;padding: 0px 460px 0 460px;margin: 0 -460px;background: url(../images/business_education_01.jpg) no-repeat center 80px fixed;background-size:auto 640px;text-align: right;font-size: 0px;}
.business_education .topimg div{display: table-cell;vertical-align: middle;text-align: right;}
.business_education .topimg h3{width: 1280px;box-sizing: border-box;padding-right: 80px;text-align: right;}
.business_education .topimg h3 strong{margin-right: -14px; font-size: 44px;color: rgb(255,168,0);letter-spacing: 14px;margin-bottom: 40px;}
.business_education .topimg h3 em{font-family:'webfont-RUBIK-REGULAR';font-size: 60px;color: rgba(201,178,124,0.3);letter-spacing: -4px;}
.business_education .intro{font-size: 0px;position: relative;z-index: 2;}
.business_education .intro .rbg{display: none;}
.business_education .intro .box{font-size: 0px;width: 1740px;position: relative;top: -75px;box-shadow: 0 0px 40px 0px rgba(204,204,204,0.5);}
.business_education .intro .nimble{display: table-cell;vertical-align: top;width: 440px;height: 470px;background: url(../images/business_education_02.jpg) no-repeat right;background-size: cover;}
.business_education .intro .nimble::before{display: none;}
.business_education .intro .nimble h4 em{font-family:'webfont-RUBIK-REGULAR';font-size: 34px;color: rgb(153,153,153);text-transform: uppercase;margin-bottom: 16px;}
.business_education .intro .nimble h4 strong{font-size: 24px;color: rgb(235,9,35);}
.business_education .intro .text{position: relative;display: table-cell;vertical-align: top;width: 1300px;background:url(../images/business_education_03.jpg) no-repeat right center;background-size: cover;}
.business_education .intro .text .con{padding: 0;height: 470px;display: table-cell;vertical-align: middle;}
.business_education .intro .text .toggle{position: absolute;top: 130px;left: 20px;}
.business_education .intro .text .toggle button{position: absolute;;right: 0px;padding-right: 55px;padding-left: 35px;height: 50px;line-height: 50px;background-color: rgb(201,178,124);background-repeat: no-repeat;background-position: right 30px center;font-size: 16px;color: rgba(255,255,255,0.6);white-space: nowrap;cursor: pointer;-webkit-transition: all 400ms;transition: all 400ms;}
.business_education .intro .text .toggle button:nth-child(1){top: 0px;}
.business_education .intro .text .toggle button:nth-child(2){top: 50px;}
.business_education .intro .text .toggle button:hover{color: rgba(255,255,255,1);}
.business_education .intro .text .toggle button.on{padding-left: 90px;background-color: rgb(235,9,35);color: #fff;background-image: url(../images/business_education_05.png);}
.business_education .intro .text img{position: absolute;top: 112px;left: 680px;z-index: 1;}
.business_education .intro .text .ps{display: none;z-index: 2;padding-left: 115px;width: 630px;}
.business_education .intro .text .ps.first{display: block;}
.business_education .intro .text .ps p{margin: 0;}
.business_education .intro .text .ps p strong{display: inline-block;vertical-align: top;color: #c9b27c;line-height: inherit;}
.business_education .items{padding:105px 460px 80px 460px;margin: 0 -460px;background:rgb(248,248,248) url(../images/business_education_06.jpg) no-repeat top;}
.business_education .items ul{font-size: 0px;}
.business_education .items ul li{display: inline-block;vertical-align: top;margin-top: 40px;margin-left: 16px;}
.business_education .items ul li:nth-child(-n+3){margin-top: 0;}
.business_education .items ul li:nth-child(3n+1){margin-left: 0;}
.business_education .items ul li a{width: 416px;height: 372px;box-sizing: border-box;padding: 255px 30px 0 30px;background-color: rgb(255,255,255);position: relative;}
.business_education .items ul li a .ov{position: absolute;top: 0;left: 0;width: 416px;height: 220px;overflow: hidden;}
.business_education .items ul li a .ov img{width: 416px;height: 220px;-webkit-transform-origin: center;transform-origin: center;-webkit-transition: all 400ms ease-out;transition: all 400ms ease-out;}
.business_education .items ul li a h5{font-size: 20px;color:rgb(255,168,0);line-height: 0.8em;margin-bottom: 15px;-webkit-transition: all 400ms;transition: all 400ms;}
.business_education .items ul li a>div div{display: inline-block;vertical-align: top;font-size: 14px;color: rgb(117,115,120);line-height: 1.74em;}
.business_education .items ul li a>div p{display: inline-block;vertical-align: top;font-size: 14px;color: rgb(117,115,120);line-height: 1.74em;margin-top: 0;}
.business_education .items ul li a:hover img{-webkit-transform: scale(1.05,1.05);transform: scale(1.05,1.05);-webkit-transition: all 4000ms ease-out;transition: all 4000ms ease-out;}
.business_education .items ul li a:hover h5{color: rgb(235,9,35);}
.business_education .more{cursor: pointer;margin-top: 40px;height: 60px;font-size: 0px;text-align: center;line-height: 60px;background-color: rgb(255,255,255);-webkit-transition: all 400ms;transition: all 400ms;}
.business_education .more div{display: inline-block;vertical-align: middle;width: 10px;height: 10px;background-color: rgb(235,9,35);margin: 0 5px;border-radius: 10px;transition: all 400ms;}content .more{-webkit-transition: all 400ms;transition: all 400ms;}content .more{transition: all 400ms;}
.business_education .more{-webkit-transition: all 400ms;transition: all 400ms;}
.business_education .more div{-webkit-transition: all 400ms;transition: all 400ms;}
.business_education .more:hover{background-color: rgb(235,9,35);}
.business_education .more:hover div{background-color: rgb(255,255,255);}

/*client_relation*/
.client_relation{font-size: 0px;}
.client_relation .wrap{padding-top: 0px;}
.client_relation .center{height: 575px;padding: 0 460px;margin: 0 -460px;background: url(../images/client_relation_01.jpg) no-repeat center 80px fixed;}
.client_relation .center h3{padding-top: 176px;font-size: 24px;color: #388fce;margin-bottom: 20px;}
.client_relation .center h4 strong{font-size: 44px;color: rgb(255,168,0);letter-spacing: 10px;margin-bottom: 20px;}
.client_relation .center h4 em{font-family:'webfont-RUBIK-REGULAR';font-size: 24px;color:#c3c3c3;text-transform: uppercase;line-height: 1.5em;}
.client_relation .center h5{padding-left: 66px;height: 46px;background: url(../images/client_relation_21.png) no-repeat left center;font-size: 14px;color: rgb(102,102,102);padding-top: 2px;margin-top: 10px;}
.client_relation .center h5 div{font-family: 'webfont-RUBIK-REGULAR';font-size: 28px;color: rgb(201,178,124);text-transform:uppercase;margin-top: 6px;margin-left: -2px;}
.client_relation .system{height: 740px;padding: 0 460px;margin: 0 -460px;background: url(../images/client_relation_02.jpg) no-repeat center;position: relative;z-index: 1;}
.client_relation .system .con{opacity: 0;}
.client_relation .system h3{position: relative;width: 510px;padding-top: 184px;font-family:'webfont-RUBIK-REGULAR';font-size: 44px;color: rgb(245,245,245);line-height: 0.8em;}
.client_relation .system h3::before{content: "";display: block;position: absolute;top: 184px;left: -72px;width: 51px;height: 67px;background:url(../images/client_relation_03.png) no-repeat center;}
.client_relation .system h4{width: 510px;line-height: 0.8em;font-size: 24px;color: rgb(245,245,245);padding: 20px 0;border-bottom: 4px solid rgba(255,255,255,0.3);margin-bottom: 20px;}
.client_relation .system p{color: rgba(255,255,255,0.8);width: 510px;}
.client_relation .system .step{position: absolute;width: 572px;height: 572px;top: 76px;right: 560px;background: url(../images/client_relation_04.png) no-repeat center;}
.client_relation .system .step h5{position: relative;z-index: 1;padding-top: 252px;text-align: center;font-size: 20px;color: #fff;opacity: 0;}
.client_relation .system .step h5 strong{font-size: 24px;color: #ffcd20;margin-bottom: 18px;}
.client_relation .system ul{position: absolute;z-index: 2;width: 572px;height: 572px;top: 0;left: 0;}
.client_relation .system ul li{position: absolute;top: 0;left: 0;width: 572px;height: 286px;text-align: center;box-sizing: border-box;padding-top: 50px;-webkit-transform-origin: bottom;transform-origin: bottom;opacity: 0;}
.client_relation .system ul li p{position: absolute;z-index: 1;width: 100%;height: 50px;top:100px;left: 0;margin: 0;-webkit-transform-origin: center;transform-origin: center;}
.client_relation .system ul li p img{margin:0 auto;}
.client_relation .system ul li h6{-webkit-transform-origin: center;transform-origin: center;}
.client_relation .system ul li h6 strong{font-size: 18px;color: #fff;line-height: 0.8em;margin-bottom: 10px;}
.client_relation .system ul li h6 em{font-family:'webfont-RUBIK-REGULAR';font-size: 14px;color: rgba(255,255,255,0.6);text-transform: capitalize;}
.client_relation .system ul li:nth-child(1){-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.client_relation .system ul li:nth-child(2){-webkit-transform: rotate(36deg);transform: rotate(36deg);}
.client_relation .system ul li:nth-child(3){-webkit-transform: rotate(72deg);transform: rotate(72deg);}
.client_relation .system ul li:nth-child(4){-webkit-transform: rotate(108deg);transform: rotate(108deg);}
.client_relation .system ul li:nth-child(5){-webkit-transform: rotate(144deg);transform: rotate(144deg);}
.client_relation .system ul li:nth-child(6){-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.client_relation .system ul li:nth-child(7){-webkit-transform: rotate(216deg);transform: rotate(216deg);}
.client_relation .system ul li:nth-child(8){-webkit-transform: rotate(252deg);transform: rotate(252deg);}
.client_relation .system ul li:nth-child(9){-webkit-transform: rotate(288deg);transform: rotate(288deg);}
.client_relation .system ul li:nth-child(10){-webkit-transform: rotate(324deg);transform: rotate(324deg);} 
.client_relation .system ul li:nth-child(1) p{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.client_relation .system ul li:nth-child(2) p{-webkit-transform: rotate(-36deg);transform: rotate(-36deg);}
.client_relation .system ul li:nth-child(3) p{-webkit-transform: rotate(-72deg);transform: rotate(-72deg);}
.client_relation .system ul li:nth-child(4) p{-webkit-transform: rotate(-108deg);transform: rotate(-108deg);}
.client_relation .system ul li:nth-child(5) p{-webkit-transform: rotate(-144deg);transform: rotate(-144deg);}
.client_relation .system ul li:nth-child(6) p{-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}
.client_relation .system ul li:nth-child(7) p{-webkit-transform: rotate(-216deg);transform: rotate(-216deg);}
.client_relation .system ul li:nth-child(8) p{-webkit-transform: rotate(-252deg);transform: rotate(-252deg);}
.client_relation .system ul li:nth-child(9) p{-webkit-transform: rotate(-288deg);transform: rotate(-288deg);}
.client_relation .system ul li:nth-child(10) p{-webkit-transform: rotate(-324deg);transform: rotate(-324deg);} 
.client_relation .system ul li:nth-child(1) h6{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.client_relation .system ul li:nth-child(2) h6{-webkit-transform: rotate(-36deg);transform: rotate(-36deg);}
.client_relation .system ul li:nth-child(3) h6{-webkit-transform: rotate(-72deg);transform: rotate(-72deg);}
.client_relation .system ul li:nth-child(4) h6{-webkit-transform: rotate(-108deg);transform: rotate(-108deg);}
.client_relation .system ul li:nth-child(5) h6{-webkit-transform: rotate(-144deg);transform: rotate(-144deg);}
.client_relation .system ul li:nth-child(6) h6{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.client_relation .system ul li:nth-child(7) h6{-webkit-transform: rotate(-216deg) translate(-266px,0);transform: rotate(-216deg) translate(-266px,0);}
.client_relation .system ul li:nth-child(8) h6{-webkit-transform: rotate(-252deg) translate(-266px,0);transform: rotate(-252deg) translate(-266px,0);}
.client_relation .system ul li:nth-child(9) h6{-webkit-transform: rotate(-288deg) translate(-266px,0);transform: rotate(-288deg) translate(-266px,0);}
.client_relation .system ul li:nth-child(10) h6{-webkit-transform: rotate(-324deg) translate(-266px,0);transform: rotate(-324deg) translate(-266px,0);} 
.client_relation .system ul li:nth-child(1) h6{top: -50px;left: -35px;text-align: center;}
.client_relation .system ul li:nth-child(2) h6{top: 0px;left: 58px;}
.client_relation .system ul li:nth-child(3) h6{top: 6px;left: 58px;}
.client_relation .system ul li:nth-child(4) h6{top: 6px;left: 58px;}
.client_relation .system ul li:nth-child(5) h6{top: 12px;left: 58px;}
.client_relation .system ul li:nth-child(6) h6{top: 56px;left: -35px;text-align: center;}
.client_relation .system ul li:nth-child(7) h6{top: 12px;right: 58px;text-align: right;}
.client_relation .system ul li:nth-child(8) h6{top: 6px;right: 58px;text-align: right;}
.client_relation .system ul li:nth-child(9) h6{top: 6px;right: 58px;text-align: right;}
.client_relation .system ul li:nth-child(10) h6{top: 0px;right: 58px;text-align: right;}
.client_relation .scope{position: relative;z-index: 2;padding: 0 460px 0px 460px;margin: 0 -460px;background: url(../images/about_speech_03.jpg) no-repeat center;background-size: cover;}
.client_relation .scope .box{padding: 50px 45px 20px 45px;margin: 0px -45px 0 -45px;background-color: #fff;position: relative;top: -50px;}
.client_relation .scope .box::before{content: "";position: absolute;width: 174px;height: 126px;background: url(../images/client_relation_15.png) no-repeat center;top: -126px;left: 0px;}
.client_relation .scope .box h3{padding-bottom: 55px;text-align: center;padding-top: 50px;}
.client_relation .scope .box h3 em{font-family:'webfont-RUBIK-REGULAR';font-size: 34px;color: rgb(153,153,153);text-transform: uppercase;line-height: 0.8em;}
.client_relation .scope .box h3 strong{font-size: 24px;color: rgb(235,9,35);margin-top: 15px;}
.client_relation .scope .box ul{overflow: hidden;}
.client_relation .scope .box ul li{display: inline-block;vertical-align: top;width: 311px;height: 280px;margin-left: 12px;margin-top: 30px;}
.client_relation .scope .box ul li:nth-child(-n+4){margin-top: 0px;}
.client_relation .scope .box ul li:nth-child(4n+1){margin-left: 0px;}
.client_relation .scope .box ul li .ov{width: 311px;height: 220px;border-radius: 5px 5px 0 0;overflow: hidden;}
.client_relation .scope .box ul li .ov img{width: 311px;height: 220px;-webkit-transform-origin: center;transform-origin: center;-webkit-transition: all 400ms ease-out;transition: all 400ms ease-out;}
.client_relation .scope .box ul li .ov+div{width: 311px;height: 60px;border-radius: 0 0 5px 5px;box-sizing: border-box;padding: 20px 20px 0 20px;background-color: rgb(248,248,248);}
.client_relation .scope .box ul li .ov+div h5{font-size: 16px;color: rgb(255,168,0);-webkit-transition: all 400ms;transition: all 400ms; text-align:center;}
.client_relation .scope .box ul li .ov+div p{width: 271px;padding-right: 9px;margin-top: 10px;max-height: 120px;overflow: auto;text-align: justify;}


.client_relation .scope .box1{padding: 50px 45px 20px 45px;margin: 0px -45px 0 -45px;background-color: #fff;position: relative;top: -50px;}
.client_relation .scope .box1::before{content: "";position: absolute;width: 174px;height: 126px;background: url(../images/client_relation_15.png) no-repeat center;top: -126px;left: 0px;}
.client_relation .scope .box1 h3{padding-bottom: 55px;text-align: center;padding-top: 50px;}
.client_relation .scope .box1 h3 em{font-family:'webfont-RUBIK-REGULAR';font-size: 34px;color: rgb(153,153,153);text-transform: uppercase;line-height: 0.8em;}
.client_relation .scope .box1 h3 strong{font-size: 24px;color: rgb(235,9,35);margin-top: 15px;}
.client_relation .scope .box1 ul{overflow: hidden;}
.client_relation .scope .box1 ul li{display: inline-block;vertical-align: top;width: 311px;height: 460px;margin-left: 12px;margin-top: 30px; }
.client_relation .scope .box1 ul li:nth-child(-n+4){margin-top: 0px;}
.client_relation .scope .box1 ul li:nth-child(4n+1){margin-left: 0px;}
.client_relation .scope .box1 ul li .ove{width: 311px;height: 396px;border-radius: 5px 5px 0 0;overflow: hidden;}
.client_relation .scope .box1 ul li .ove img{width: 280px;height: 396px;-webkit-transform-origin: center;transform-origin: center;-webkit-transition: all 400ms ease-out;transition: all 400ms ease-out;}
.client_relation .scope .box1 ul li .ove+div{width: 280px;height: 60px;border-radius: 0 0 5px 5px;box-sizing: border-box;padding: 20px 20px 0 20px;background-color: rgb(248,248,248);}
.client_relation .scope .box1 ul li .ove+div h5{font-size: 16px;color: rgb(255,168,0);-webkit-transition: all 400ms;transition: all 400ms; text-align:center;}
.client_relation .scope .box1 ul li .ove+div p{width: 271px;padding-right: 9px;margin-top: 10px;max-height: 120px;overflow: auto;text-align: justify;}


.client_relation .scope .box ul li:hover img{-webkit-transform: scale(1.05,1.05);transform: scale(1.05,1.05);-webkit-transition: all 4000ms ease-out;transition: all 4000ms ease-out;}
.client_relation .scope .box ul li:hover h5{color: rgb(235,9,35);}
.client_relation .contact_us{display: inline-block;vertical-align: top;width: 640px;height: 440px;padding-left: 460px;margin-left: -460px;margin-top: 10px;background: url(../images/client_relation_17.jpg) no-repeat center;background-size: cover;}
.client_relation .contact_us h3{margin-top: 78px;margin-bottom: 30px;}
.client_relation .contact_us h3 em{font-family:'webfont-RUBIK-REGULAR';font-size: 34px;color: rgba(255,255,255,0.6);line-height: 0.8em;margin-bottom: 12px;}
.client_relation .contact_us h3 strong{font-size: 24px;color: #9e630e;line-height: 0.8em;}
.client_relation .contact_us p{margin-top: 0;color:#715548;opacity: 0.8;}
.client_relation .contact_us .phone{margin-top: 55px;}
.client_relation .contact_us .phone div{display: inline-block;vertical-align: top;width: 250px;margin-bottom: 20px;box-sizing: border-box;padding-left: 42px;background: url(../images/client_relation_18.png) no-repeat left center;}
.client_relation .contact_us .phone div h5{font-size: 14px;color: #776155;opacity: 0.7;line-height: 0.8em;}
.client_relation .contact_us .phone div h6{font-family:'webfont-RUBIK-REGULAR';font-size: 28px;color: #965c09;margin-top: 8px;line-height: 0.8em;}
.client_relation .supervise{position: relative;display: inline-block;vertical-align: top;width: 640px;height: 440px;padding-right: 460px;margin-right: -460px;margin-top: 10px;background: url(../images/client_relation_19.jpg) no-repeat center;background-size: cover;}
.client_relation .supervise div{display: none;position: absolute;top: 280px;left: 0;width: 325px;height: 72px;background: rgb(235,9,35) url(../images/client_relation_20.png) no-repeat 50px center;box-sizing: border-box;padding-left: 90px;padding-top: 18px;}
.client_relation .supervise div h5{display: inline-block;vertical-align: middle;font-size: 14px;height: 14px;color: rgba(255,255,255,0.8);}
.client_relation .supervise div h6{display: inline-block;vertical-align: middle;font-size: 14px;height: 14px;font-family:'webfont-RUBIK-REGULAR';color:#fff;}
.client_relation .supervise div p{margin-top: 4px;color: #fff;}

/*client_club*/
.client_club .wrap{padding-top: 0;}
.client_club .topimg{height: 450px;padding: 200px 460px 0 460px;margin: 0 -460px;background: url(../images/client_nimbleclub_01.jpg) no-repeat center 80px fixed;}
.client_club .topimg img:first-child{margin-left: 450px;display:inline-block;vertical-align: middle;}
.client_club .topimg img:last-child{display:inline-block;vertical-align: middle;margin-left: 50px;padding-left: 40px;border-left: 2px solid rgb(119,228,174);}
.client_club .intro{font-size: 0px;position: relative;z-index: 2;margin-top: -75px;margin-bottom: 75px;}
.client_club .intro .box{width: 1740px;box-shadow: 0 0px 40px 0px rgba(204,204,204,0.5);}
.client_club .intro .nimble{display: table-cell;vertical-align: top;width: 440px;height: 470px;position: relative;background-color: rgb(248,248,248);position: relative;}
.client_club .intro .nimble::before{content: "";display: block;position: absolute;width: 400px;height: 175px;bottom: 0;right: 0;background: url(../images/about_group_08.png) no-repeat;}
.client_club .intro .nimble h5 strong{font-size: 20px;color: #9e630e;margin-top: 20px;margin-bottom: 18px;}
.client_club .intro .nimble h5 em{font-family:'webfont-RUBIK-REGULAR';font-size: 18px;color: rgb(213,213,213);line-height: 1.2em;}
.client_club .intro .text{display: table-cell;vertical-align: top;width: 1300px;position: relative;background-color: #fff;}
.client_club .intro .text .con{padding: 50px 40px;}
.client_club .intro .text .con>:first-child{margin-top: 0;}
.client_club .intro .text .con .qrcode{margin-top: 10px;text-align: right;}
.client_club .intro .text .con .qrcode div{display: inline-block;vertical-align: bottom;height: 84px;margin-right: 20px;padding-left: 105px;background: url(../images/client_nimbleclub_02.png) no-repeat left;line-height: 84px;color: rgb(255,168,0);font-size: 24px;}
.client_club .intro .text .con .qrcode img{display: inline-block;vertical-align: bottom;width: 160px;height: 160px;border: 4px solid rgb(255,168,0);}
.client_club .wechat{position: relative;height: 700px;padding: 0 460px;margin:  0 -460px 0px -460px;background-color: rgb(62,169,98);background-image: linear-gradient(-90deg,rgb(46,147,105) 0%,rgb(89,187,109) 100%);}
.client_club .wechat .phone{padding-top: 120px;height: 86px;}
.client_club .wechat .phone .icon{position: relative;display: inline-block;vertical-align: middle;width: 86px;height: 86px;border-radius: 10px;background-color: rgb(56,143,206);background-image: linear-gradient(-45deg,rgb(56,143,206) 20%,rgb(255,255,255) 170%);}
.client_club .wechat .phone .icon div{width: 86px;height: 86px;background: url(../images/client_nimbleclub_04.png) no-repeat center;}
.client_club .wechat .phone p{display: inline-block;vertical-align: middle;margin-top: 0;margin-left: 30px;font-size: 20px;color: #fff;}
.client_club .wechat ul{width: 471px;height: 516px;position: absolute;top: 92px;right: 570px;background: url(../images/client_nimbleclub_06.png) no-repeat center;}
.client_club .wechat ul li{position: absolute;z-index: 2;width: 120px;}
.client_club .wechat ul li h6 strong{font-size: 18px;color: #fff;line-height: 0.8em;margin-bottom: 8px;}
.client_club .wechat ul li h6 em{font-family:'webfont-RUBIK-REGULAR';font-size: 14px;color: rgba(255,255,255,0.6);line-height: 1.2em;}
.client_club .wechat ul li:nth-child(1){top: -50px;left: 176px;text-align: center;}
.client_club .wechat ul li:nth-child(2){top: 125px;right: -132px;}
.client_club .wechat ul li:nth-child(3){top: 356px;right: -132px;}
.client_club .wechat ul li:nth-child(4){bottom: -50px;right: 176px;text-align: center;}
.client_club .wechat ul li:nth-child(5){top: 356px;left: -132px;text-align: right;}
.client_club .wechat ul li:nth-child(6){top: 125px;left: -132px;text-align: right;}

/*csr*/
/*.csr{margin-bottom: 10px;}*/
.csr .intro{position: relative;z-index: 2;font-size: 0px;margin-bottom: -60px;}
.csr .intro .box{font-size: 0px;width: 1740px;}
.csr .intro .nimble{display: table-cell;vertical-align: top;width: 440px;height: 430px;background: url(../images/about_group_10.jpg) no-repeat left bottom;background-size: cover;text-align: right;}
.csr .intro .nimble::before{display: none;}
.csr .intro .nimble h4 em{display: block;font-family:'webfont-RUBIK-REGULAR';font-size: 18px;color: rgb(60,175,120);line-height: 0.8em;text-transform: uppercase;margin-bottom: 15px;}
.csr .intro .nimble h4 strong{font-size: 20px;color: rgba(83,74,64,0.8);}
.csr .intro .text{position: relative;display: table-cell;vertical-align: top;width: 840px;background-color: rgb(254,245,238);background-image:linear-gradient(-135deg,rgb(254,245,238) 60%,rgb(231,240,240) 150%);}
.csr .intro .text .con{padding: 45px 0 45px 80px;height: auto;}
.csr .intro .text .con::before{content: "";display: block;position: absolute;z-index: 1;top: 45px;right: 80px;width: 104px;height: 104px;background: url(../images/csr_01.png) no-repeat center;}
.csr .intro .text h4{width: 740px;position: relative;z-index: 2;margin-bottom: 40px;}
.csr .intro .text h4 em{font-family:'webfont-RUBIK-REGULAR';font-size: 34px;color: rgb(153,153,153);line-height: 0.8em;margin-bottom: 14px;}
.csr .intro .text h4 strong{font-size: 24px;color: rgb(235,9,35);line-height: 0.8em;}
.csr .intro .text p{margin-top: 20px;position: relative;z-index: 2;}
.csr .poverty{position: relative;z-index: 1;padding: 130px 460px 0 460px;margin: 0 -460px;height: 490px;background: url(../images/csr_bg.jpg) no-repeat center;background-size: cover;}
.csr .poverty h4 em{font-family:'webfont-RUBIK-REGULAR';font-size: 34px;color: rgb(255,255,255);line-height: 0.8em;margin-bottom: 16px;}
.csr .poverty h4 strong{font-size: 24px;color: rgb(255,255,255);line-height: 0.8em;}
.csr .poverty a{position: absolute;bottom: 0;left: 0;right: 0;margin-left: auto;margin-right: auto;width: 1280px;height: 393px; overflow:hidden;}
.csr .poverty a .bg{-webkit-transition: all .4s; transition: all .4s;}
.csr .poverty a .txt{position: absolute;}
.csr .poverty a .t1{top: 24px;right: 415px;}
.csr .poverty a .t2{top: 94px;right: 260px;}
.csr .poverty a .t3{top: 128px;right: 203px;}
.csr .poverty a:hover .bg{-webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 1.2s; transition: all 1.2s;}
.csr .welfare{padding: 0 460px 100px;margin: 0 -460px;/*height: 570px;*/background-color: rgb(248,248,248);text-align: center;}
.csr .welfare h4{padding-top: 60px;padding-bottom: 68px;text-align: center;}
.csr .welfare h4 em{font-family:'webfont-RUBIK-REGULAR';font-size: 34px;color: rgb(153,153,153);line-height: 0.8em;margin-bottom: 16px;}
.csr .welfare h4 strong{font-size: 24px;color: rgb(235,9,35);line-height: 0.8em;}
.csr .welfare .slide{width: 1280px;height: 290px;position: relative;}
.csr .welfare .slide button{display: none;position: absolute;z-index: 3;top: 50%;width: 56px;height: 56px;margin-top:-28px;cursor:pointer;background-color: rgb(245,230,217);background-repeat: no-repeat;background-position: center;color: transparent;-webkit-transition: all 400ms;transition: all 400ms;}
.csr .welfare .slide button.prev{left: -66px;background-image: url(../images/about_strategy_left.png);}
.csr .welfare .slide button.next{right: -66px;background-image: url(../images/about_strategy_right.png);}
.csr .welfare .slide button:hover{background-color: rgb(239,214,191);}
.csr .welfare .slide .bd{width: 1280px;height: 290px;overflow: hidden;z-index: 1;white-space: nowrap;font-size: 0px;}
.csr .welfare .slide .bd li{display: inline-block;vertical-align: top;width: 311px;height: 290px;margin-right: 12px;white-space: normal;}
.csr .welfare .slide .bd li a{display: block;width: 311px;height: 290px;box-sizing: border-box;padding: 238px 30px 0 30px;background-color: #fff;overflow: hidden;position: relative;}
.csr .welfare .slide .bd li .ov{position: absolute;top: 0;left: 0;overflow: hidden;width: 311px;height: 206px;}
.csr .welfare .slide .bd li .ov img{width: 311px;height: 206px;-webkit-transform-origin: center;transform-origin: center;-webkit-transition: all 400ms ease-out;transition: all 400ms ease-out;}
.csr .welfare .slide .bd li h5{font-size: 18px;color: rgb(255,168,0);text-align: left;-webkit-transition: all 400ms;transition: all 400ms;}
.csr .welfare .slide .bd li p{display: none;width: 251px;height: 73px;padding-right: 9px;margin: 0;text-align: left;overflow: auto; text-align: justify;}
.csr .welfare .slide .bd li:hover img{-webkit-transform: scale(1.05,1.05);transform: scale(1.05,1.05);-webkit-transition: all 4000ms ease-out;transition: all 4000ms ease-out;}
.csr .welfare .slide .bd li:hover h5{color: rgb(235,9,35);}
.csr .welfare .slide .pon{position:absolute; left:0; top:100%; width:100%; height:100%; padding:25px 25px 0; overflow:hidden; overflow-y: auto; background:#ff9923; z-index: 5; box-sizing: border-box; -webkit-transition: all .4s; transition: all .4s;}
.csr .welfare .slide .bd li .pon h5{font-size: 18px; color:#fff; line-height: 48px; border-bottom: 2px solid #ffb865; margin-bottom: 15px;}
.csr .welfare .slide .bd li .pon p{display:block; height:auto; color:#fff; padding: 0; margin: 0; width:100%;}
.csr .welfare .slide .bd li a:hover .pon{top:0;}
.csr .volunteer{height: 455px;padding: 0 460px;margin: 0 -460px;position: relative;}
.csr .volunteer .left{position: absolute;top: 0;left: 0;width: 1100px;height: 455px;background: url(../images/csr_04.jpg) no-repeat center;background-size: cover;}
.csr .volunteer .left h5{position: absolute;bottom: 0;right: 0;height: 52px;line-height: 52px;padding: 0 30px;background-color: rgb(235,9,35);font-size: 14px;color: #ffdbb1;}
.csr .volunteer .left h6{position: absolute;bottom: 52px;right: 0;height: 52px;line-height: 52px;padding: 0 30px;background-color: rgb(201,178,124);font-family:'webfont-RUBIK-REGULAR';font-size: 20px;color: #fff;}
.csr .volunteer .right{position: absolute;top: 0;right: 0;width: 1100px;height: 455px;display: table;box-sizing: border-box;padding: 0 500px 0 80px;background: url(../images/csr_05.jpg) no-repeat center;background-size: cover;}
.csr .volunteer .right .box{display: table-cell;vertical-align: middle;}
.csr .volunteer .right h4{border-bottom: 4px solid rgba(255,255,255,0.3);margin-bottom: 35px;}
.csr .volunteer .right h4 em{font-family:'webfont-RUBIK-REGULAR';font-size: 34px;color: rgb(255,255,255);line-height: 0.8em;margin-bottom: 20px;}
.csr .volunteer .right h4 strong{font-size: 24px;color: #9e630e;line-height: 0.8em;margin-bottom: 20px;}
.csr .volunteer .right p{margin: 0;color: #9e630e;}
.csr .report{padding: 80px 460px 80px 460px;margin: 0 -460px;background: rgb(248,248,248) url(../images/csr_06.jpg) no-repeat top;}
.csr .report h4{text-align: center;margin-bottom: 40px;}
.csr .report h4 em{font-family:'webfont-RUBIK-REGULAR';font-size: 34px;color: rgb(153,153,153);line-height: 0.8em;margin-bottom: 16px;}
.csr .report h4 strong{font-size: 24px;color: rgb(235,9,35);line-height: 0.8em;}
.csr .report .box{padding:20px 40px 50px 40px;background-color: #fff;}
.csr .report ul li a{margin-top: 14px;height: 96px;box-sizing: border-box;border-bottom: 2px solid rgb(237,241,247);font-size: 0px;background: url(../images/csr_07.png) no-repeat 1130px center;}
.csr .report ul li a h6{display: inline-block;vertical-align: middle;width: 300px;height: 94px;line-height: 94px;text-align: left;font-family:'webfont-RUBIK-REGULAR';font-size: 20px;color: rgb(255,168,0);}
.csr .report ul li a h5{display: inline-block;vertical-align: middle;width: 900px;height: 94px;line-height: 94px;font-size: 20px;color: rgb(83,83,83);}
.csr .report .more{cursor: pointer;margin-top: 40px;margin-left: auto;margin-right: auto;height: 60px;font-size: 0px;text-align: center;line-height: 60px;background-color: rgb(255,247,238);-webkit-transition: all 400ms;transition: all 400ms;}
.csr .report .more div{display: inline-block;vertical-align: middle;width: 10px;height: 10px;background-color: rgb(235,9,35);margin: 0 5px;border-radius: 10px;-webkit-transition: all 400ms;transition: all 400ms;}
.csr .report .more{-webkit-transition: all 400ms;transition: all 400ms;}
.csr .report .more div{-webkit-transition: all 400ms;transition: all 400ms;}
.csr .report .more:hover{background-color: rgb(235,9,35);}
.csr .report .more:hover div{background-color: rgb(255,255,255);}
.csr em{text-transform: uppercase;}
.csr .w_lump2{padding-top:60px; padding-bottom:0;}

/*csr_pages*/
.csr_pages{font-size: 0px;}
.csr_pages .intro{font-size: 0px;position: relative;z-index: 2;}
.csr_pages .intro .nimble{display: table-cell;vertical-align: top;width: 440px;height: 360px;position: relative;background-color: rgb(248,248,248);position: relative;}
.csr_pages .intro .nimble::before{content: "";display: block;position: absolute;width: 402px;height: 95px;bottom: 0;right: 0;background: url(../images/about_group_08.png) no-repeat;}
.csr_pages .intro .nimble h5 strong{font-size: 20px;color: #9e630e;margin-top: 20px;margin-bottom: 18px;}
.csr_pages .intro .nimble h5 em{font-family:'webfont-RUBIK-REGULAR';font-size: 18px;color: rgb(213,213,213);line-height: 1.2em;}
.csr_pages .intro .text{display: table-cell;vertical-align: top;width: 840px;height: 360px;position: relative;background: url(../images/csr_poverty_01.jpg) no-repeat center;background-size: cover;}
.csr_pages .intro .text h4{margin-top: 12px;margin-left: 38px;}
.csr_pages .intro .text h4 em{line-height: 0.8em;font-family:'webfont-RUBIK-REGULAR';font-size: 34px;color: rgb(153,153,153);text-transform: uppercase;}
.csr_pages .intro .text h4 strong{line-height: 0.8em;font-size: 24px;color: rgb(235,9,35);margin-top: 15px;}
.csr_pages .links{padding: 105px 460px 80px 460px;margin: -60px -460px 0px -460px;background: rgb(248,248,248) url(../images/csr_bg.jpg) no-repeat center top;}
.csr_pages .links .box{background-color: #fff;padding:50px 40px;}
.csr_pages .links ul{font-size: 0px;}
.csr_pages .links ul li{display: inline-block;vertical-align: top;width: 388px;height: 310px;margin-left: 18px;margin-top: 40px;}
.csr_pages .links ul li:nth-child(-n+3){margin-top: 0;}
.csr_pages .links ul li:nth-child(3n+1){margin-left: 0;}
.csr_pages .links ul li .ov{width: 388px;height: 240px;position: relative;overflow: hidden;}
.csr_pages .links ul li .ov img{width: 388px;height: 240px;-webkit-transform-origin: center;transform-origin: center;-webkit-transition: all 400ms ease-out;transition: all 400ms ease-out;}
.csr_pages .links ul li h5{width: 388px;height: 70px;box-sizing: border-box;padding: 0 20px;background-color: rgb(248,248,248); white-space: nowrap; overflow:hidden; text-overflow: ellipsis; font-size: 16px;color: rgb(85,85,85);line-height: 70px;-webkit-transition: all 400ms;transition: all 400ms;}
.csr_pages .links ul li:hover img{-webkit-transform: scale(1.05,1.05);transform: scale(1.05,1.05);-webkit-transition: all 4000ms ease-out;transition: all 4000ms ease-out;}
.csr_pages .links ul li:hover h5{color: rgb(235,9,35);}
.csr_pages.csr_responsibility .links ul li:hover h5{color: rgb(83,83,83);}
.csr_pages .links .more{cursor: pointer;margin-top: 40px;margin-left: auto;margin-right: auto;height: 60px;font-size: 0px;text-align: center;line-height: 60px;background-color: rgb(255,247,238);-webkit-transition: all 400ms;transition: all 400ms;}
.csr_pages .links .more div{display: inline-block;vertical-align: middle;width: 10px;height: 10px;background-color: rgb(235,9,35);margin: 0 5px;border-radius: 10px;-webkit-transition: all 400ms;transition: all 400ms;}
.csr_pages .links .more{-webkit-transition: all 400ms;transition: all 400ms;}
.csr_pages .links .more div{-webkit-transition: all 400ms;transition: all 400ms;}
.csr_pages .links .more:hover{background-color: rgb(235,9,35);}
.csr_pages .links .more:hover div{background-color: rgb(255,255,255);}

/*csr_d*/
.csr_d .inwrap .sitebar{display: table-cell;vertical-align: top;width: 460px;height: 650px;box-sizing: border-box;padding: 50px 70px 50px 40px;background-color: rgb(255,255,255);}
.csr_d .inwrap .sitebar h3 em{font-family:'webfont-RUBIK-REGULAR';font-size: 34px;color: rgba(83,83,83,1);text-transform: uppercase;}
.csr_d .inwrap .sitebar h3 strong{margin-top: 10px;font-size: 20px;color: rgb(83,83,83);}
.csr_d .inwrap .sitebar ul li a{margin-top: 35px;}
.csr_d .inwrap .sitebar ul li:nth-child(1){margin-top: 0px;}
.csr_d .inwrap .sitebar ul li a h5{font-size: 0px;}
.csr_d .inwrap .sitebar ul li a h5 div{display: inline-block;vertical-align: middle;font-family:'webfont-RUBIK-REGULAR';font-size: 24px;color: #DDD1C1;line-height: 1em;}
.csr_d .inwrap .sitebar ul li a h5 div.month::before{content: ".";display: inline-block;}
.csr_d .inwrap .sitebar ul li a h5 div.day::before{content: ".";display: inline-block;}
.csr_d .inwrap .sitebar ul li a h4{font-size: 20px;color: rgb(83,83,83);line-height: 1.74em;-webkit-transition: all 400ms;transition: all 400ms;}
.csr_d .inwrap .sitebar ul li a p{margin: 0;text-align: justify;}
.csr_d .inwrap .sitebar ul li a:hover h4{color: rgb(235,9,35);}

/*csr_activity*/
.csr_activity .intro .text{background-image: url(../images/csr_activity_01.jpg);}
.csr_activity .intro .text h4 em{color: #fff;}
.csr_activity .intro .text h4 strong{color: #fff;}

/*csr_charity*/
.csr_charity .intro .text{background-image: url(../images/csr_charity_01.jpg);}
.csr_charity .intro .text h4 em{color: #fff;}
.csr_charity .links ul li .ov button{cursor: pointer;color: transparent;position: absolute;z-index: 2;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 60px;height: 60px;background:#fff url(../images/about_brand_video_play.png) no-repeat 21px center;-webkit-transition: all 400ms;transition: all 400ms;border-radius: 30px;}
.csr_charity .links ul li .ov button:hover{background-color: rgb(235,9,35);background-image: url(../images/about_brand_video_play_hover.png);}

/*csr_responsibility*/
.csr_responsibility .intro .text{background-image: url(../images/csr_responsibility_01.jpg);}
.csr_responsibility .links ul li{display: block;width: auto;height: auto;margin: 0;}
.csr_responsibility .links ul li a{margin-top: 14px;height: 96px;box-sizing: border-box;border-bottom: 2px solid rgb(237,241,247);font-size: 0px;background: url(../images/csr_07.png) no-repeat 1130px center;}
.csr_responsibility .links ul li a h6{display: inline-block;vertical-align: middle;width: 300px;height: 94px;line-height: 94px;text-align: left;font-family:'webfont-RUBIK-REGULAR';font-size: 20px;color: rgb(255,168,0);}
.csr_responsibility .links ul li a h5{display: inline-block;vertical-align: middle;width: 900px;height: 94px;line-height: 94px;font-size: 20px;color: rgb(83,83,83);box-sizing: inherit;padding: 0;background-color: transparent}

/*join_talents*/
.join_talents .intro{font-size: 0px;position: relative;z-index: 2;}
.join_talents .intro .nimble{display: table-cell;vertical-align: top;width: 440px;height: 360px;position: relative;}
.join_talents .intro .nimble::before{display: none;}
.join_talents .intro .nimble .con{width: 440px;height: 360px;background:url(../images/join_talents_01.jpg) no-repeat center;}
.join_talents .intro .text{display: table-cell;vertical-align: top;width: 840px;height: 360px;position: relative;background:rgb(255,250,241);}
.join_talents .intro .text .con{padding: 0;padding-left: 80px;}
.join_talents .intro .text h4{padding-top: 74px;border-bottom: 4px solid rgb(243,239,229);margin-bottom: 20px;}
.join_talents .intro .text h4 em{font-family:'webfont-RUBIK-REGULAR';line-height: 0.8em;font-size: 34px;color:#555555;;text-transform: uppercase;margin-bottom: 16px;}
.join_talents .intro .text h4 strong{font-size: 24px;color: rgb(235,9,35);letter-spacing: 8px;margin-bottom: 16px;}
.join_talents .intro .text p{margin-top: 0px;}
.join_talents .development{position: relative;z-index: 1;margin: -60px -460px 0 -460px;padding: 165px 460px 0 460px;height: 435px;background: url(../images/join_talents_02.jpg) no-repeat center;background-size: cover;}
.join_talents .development h4{position: relative;margin-bottom: 40px;}
.join_talents .development h4::before{content: "";position: absolute;top: 50%;margin-top: -32px;left: -76px;width: 76px;height: 64px;background: url(../images/join_talents_03.png) no-repeat left center;}
.join_talents .development h4 em{font-family:'webfont-RUBIK-REGULAR';line-height: 0.8em;font-size: 34px;color:rgba(120,100,87,0.7);text-transform: uppercase;margin-bottom: 12px;}
.join_talents .development h4 strong{font-size: 24px;color: rgb(235,9,35);letter-spacing: 8px;}
.join_talents .development .con>p{color: #54342d;}
.join_talents .development .img{position: absolute;bottom: 30px;left: 900px;height: 375px;padding-left: 217px;}
.join_talents .development .img .block{width: 383px;height: 375px;position: absolute;top: 0;left: 0;}
.join_talents .development .img .block img{margin: 0 auto;}
.join_talents .development .img .block img:nth-child(1){position: relative;z-index: 5;top: 0;left: -18px;}
.join_talents .development .img .block img:nth-child(2){position: relative;z-index: 4;top: 8px;left: -16px;}
.join_talents .development .img .block img:nth-child(3){position: relative;z-index: 3;top: -1px;left: -10px;}
.join_talents .development .img .block img:nth-child(4){position: relative;z-index: 2;top: -28px;left: -9px;}
.join_talents .development .img .block img:nth-child(5){position: relative;z-index: 1;top: -72px;left: -3px;}
.join_talents .development .img .block img:nth-child(6){position: relative;z-index: 0;top: -147px;left: 0px;}
.join_talents .development .img ul{position: relative;z-index: 2;}
.join_talents .development .img ul li{height: 58px;position: relative;padding-left: 284px;}
.join_talents .development .img ul li:nth-child(1){height: 50px;background: url(../images/join_talents_04_line1.png) no-repeat left top;}
.join_talents .development .img ul li:nth-child(2){background: url(../images/join_talents_04_line2.png) no-repeat left top;}
.join_talents .development .img ul li:nth-child(3){background: url(../images/join_talents_04_line3.png) no-repeat left top;}
.join_talents .development .img ul li:nth-child(4){background: url(../images/join_talents_04_line4.png) no-repeat left top;}
.join_talents .development .img ul li:nth-child(5){background: url(../images/join_talents_04_line5.png) no-repeat left top;}
.join_talents .development .img ul li:nth-child(6){background: url(../images/join_talents_04_line6.png) no-repeat left top;}
.join_talents .development .img ul li p{margin: 0;}
.join_talents .development .img ul li strong{font-size: 16px;color:rgb(255,255,255);margin-bottom: 5px;}
.join_talents .development .img ul li em{font-family:'webfont-RUBIK-REGULAR';font-size: 12px;color: #fec578;text-transform: uppercase;} 
.join_talents .special{padding:0 460px 80px 460px;margin: 0 -460px 0px -460px;background: rgb(248,248,248) url(../images/csr_06.jpg) no-repeat right top;background-size: cover;}
.join_talents .special .toggle{margin-bottom: 52px;font-size: 0px;text-align: center;padding-top: 45px;}
.join_talents .special .toggle li{position: relative;display: inline-table;vertical-align: top;width: 125px;height: 125px;margin: 0 16px;background-color: transparent;cursor: pointer;border-radius: 125px;-webkit-transition: all 400ms;transition: all 400ms;}
.join_talents .special .toggle li h5{display: table-cell;vertical-align: middle;text-align: center;position: relative;z-index: 1;}
.join_talents .special .toggle li h5 img{height: 50px;margin: 0 auto 10px auto;}
.join_talents .special .toggle li h5 strong{display: block;font-size: 16px;color: rgb(85,85,85);line-height: 0.1em;padding-bottom: 20px;-webkit-transition: all 400ms;transition: all 400ms;}
.join_talents .special .toggle li .bg{;position: absolute;top: 0;left: 0;z-index: 2;width: 125px;height: 151px;background-image: url(../images/business_life_07.png);background-repeat: no-repeat;background-position: center top;-webkit-transition: all 400ms;transition: all 400ms;}
.join_talents .special .toggle li.on strong{color: rgb(235,9,35);}
.join_talents .special .toggle li.on .bg{background-image: url(../images/business_life_08.png);}
.join_talents .special .toggle li:hover h5 strong{color: rgb(235,9,35);}
.join_talents .special .states{font-size: 0px;width: 1280px;height: 420px;overflow: hidden;}
.join_talents .special .states li{display: none;}
.join_talents .special .states li:nth-child(1){display: block;}
.join_talents .special .states li{width: 1280px;height: 420px;box-sizing: border-box;padding: 55px 680px 0 40px;background-color: #fff;position: relative;}
.join_talents .special .states li .ov{position: absolute;top: 0;right: 0;width: 640px;height: 420px;overflow: hidden;}
.join_talents .special .states li .ov img{width: 640px;height: 420px;}
.join_talents .special .states li h5{line-height: 0.8em;margin-bottom: 45px;} 
.join_talents .special .states li h5 em{font-family:'webfont-RUBIK-REGULAR';font-size: 28px;color: rgb(153,153,153);text-transform: uppercase;margin-bottom: 10px;}
.join_talents .special .states li h5 strong{font-size: 20px;color: rgb(235,9,35);margin-bottom: 20px;}
.join_talents .special .states li h6{font-size: 24px;color:#333333;padding-bottom: 15px;border-bottom: 4px solid rgb(246,239,229);}
.join_talents .special .states li .text{font-size: 0px;}
.join_talents .special .states li .text div{display: inline-block;vertical-align: top;width: 100%;margin-top: 25px;box-sizing: border-box;padding-right: 40px;}
.join_talents .special .states li .text p{margin: 0;font-size: 16px;}
.join_talents .special .states li .text p a{margin: 0;font-size: 16px;font-weight: bold; color: #FF0000;white-space:nowrap;}
.join_talents .special .states li .text div p strong{color: rgb(255,168,0);font-size: 16px;margin-bottom: 10px;}

/*join_innimble*/
.join_innimble .intro{font-size: 0px;position: relative;z-index: 2;}
.join_innimble .intro .nimble{display: table-cell;vertical-align: top;width: 440px;height: 360px;position: relative;background-color: rgb(248,248,248);position: relative;}
.join_innimble .intro .nimble::before{content: "";display: block;position: absolute;width: 402px;height: 95px;bottom: 0;right: 0;background: url(../images/about_group_08.png) no-repeat;}
.join_innimble .intro .nimble h5 strong{font-size: 20px;color: #9e630e;margin-top: 20px;margin-bottom: 18px;}
.join_innimble .intro .nimble h5 em{font-family:'webfont-RUBIK-REGULAR';font-size: 18px;color: rgb(213,213,213);line-height: 1.2em;}
.join_innimble .intro .text{display: table-cell;vertical-align: top;width: 840px;height: 360px;position: relative;background: url(../images/join_innimble_01.jpg) no-repeat center;background-size: cover;}
.join_innimble .intro .text h4{margin-top: 32px;margin-left: 160px;}
.join_innimble .intro .text h4 em{line-height: 0.8em;font-family:'webfont-RUBIK-REGULAR';font-size: 60px;color: rgba(60,171,206,1);text-transform: uppercase;}
.join_innimble .intro .text h4 strong{line-height: 0.8em;font-size: 34px;color: rgb(255,255,255);margin-top: 15px;font-weight: 100;letter-spacing: 12px;}
.join_innimble .intro .text .you{display: none;font-size: 100px;color: rgb(155,255,255);font-weight: 100;position: absolute;top: 40px;left: 60px;}
.join_innimble .intro .text .me{display: none;font-size: 66px;color: rgb(218,213,183);font-weight: 100;position: absolute;top: 135px;left: 110px;}
.join_innimble .slides{height: 360px;padding: 40px 460px 0 460px;margin:0 -460px;position: relative;z-index: 1;}
.join_innimble .slides .rightbtn{display: none;position: absolute;z-index: 3;bottom: 180px;right: 900px;margin-bottom: -28px;width: 56px;height: 56px;color: transparent;cursor:pointer;background-color: rgb(251,243,237);background-repeat: no-repeat;background-position: center;background-image: url(../images/about_strategy_right.png);float: right;-webkit-transition: all 400ms;transition: all 400ms;}
.join_innimble .slides .rightbtn:hover{background-color: rgb(239,214,191);}
.join_innimble .slides .img{width: 840px;height: 360px;position: absolute;z-index: 1;bottom: 0;left: 460px;}
.join_innimble .slides .img .bd{width: 840px;height: 360px;overflow: hidden;}
.join_innimble .slides .img .bd li{width: 840px;height: 360px;}
.join_innimble .slides .img .bd li img{width: 840px;height: 360px;}
.join_innimble .slides .text{width: 440px;height: 360px;position: absolute;z-index: 2;bottom: 0;right: 460px;box-sizing: border-box;padding-left: 40px;padding-top: 30px;overflow: hidden;}
.join_innimble .slides .text h4{margin-bottom: 40px;position: relative;}
.join_innimble .slides .text h4::before{content: "";width: 100%;height: 4px;position: absolute;bottom: -27px;left: 0;background-color: rgb(247,171,85);}
.join_innimble .slides .text h4 em{line-height: 0.8em;font-family:'webfont-RUBIK-REGULAR';font-size: 34px;color: rgb(255,255,255);text-transform: uppercase;}
.join_innimble .slides .text h4 strong{line-height: 0.8em;font-size: 24px;color: rgb(255,255,255);margin-top: 10px;letter-spacing: 4px;}
.join_innimble .slides .text .bd{width: 400px;height: 212px;overflow: hidden;}
.join_innimble .slides .text .bd li{width: 400px;height: 212px;}
.join_innimble .slides .text .bd li h5{font-size: 18px;color: #fff;margin-bottom: 20px;line-height: 1.4em;}
.join_innimble .slides .text .bd li .des{max-height: 142px;overflow: auto;}
.join_innimble .slides .text .bd li .des::-webkit-scrollbar-thumb{background-color: rgb(247,171,85);}
.join_innimble .slides .text .bd li .des p{margin: 0;color: rgb(255,255,255);}
.join_innimble .slides.party{padding-top: 110px;margin-top: -60px;background: url(../images/join_talents_02.jpg) no-repeat top;}
.join_innimble .slides.sports{background: rgb(248,248,248);}
.join_innimble .slides.sports .rightbtn{right: auto;left: 900px;}
.join_innimble .slides.sports .img{left: auto;right: 460px;}
.join_innimble .slides.sports .text{left: 460px;right: auto;padding-left: 0;padding-right: 40px;}
.join_innimble .slides.sports .text h4 em{color: rgb(153,153,153);}
.join_innimble .slides.sports .text h4 strong{color: rgb(235,9,35);}
.join_innimble .slides.sports .text .bd li h5{color: rgb(85,85,85);}
.join_innimble .slides.sports .text .bd li p{color: rgb(117,115,120);}
.join_innimble .slides.life{background-color: rgb(56,143,206);background-image: linear-gradient(90deg,rgb(56,143,206) 50%,rgb(34,121,184) 120%);}

/*join_recruit*/
.join_recruit .intro{padding:0px 460px 80px 460px;margin:0px -460px;background: url(../images/about_speech_04.jpg) no-repeat center bottom;font-size: 0px;}
.join_recruit .intro .box{width: 1740px;}
.join_recruit .intro .nimble{display: table-cell;vertical-align: top;width: 440px;height: 570px;background-color: rgb(252,250,244);background-image: linear-gradient(135deg,rgb(252,250,244) 0%,rgb(255,255,255) 70%);}
.join_recruit .intro .nimble::before{display: none;}
.join_recruit .intro .nimble .con{padding: 0;padding: 50px;padding-left: 40px;padding-bottom: 50px;}
.join_recruit .intro .nimble a{width: 400px;height: 470px;box-sizing: border-box;padding-top: 55px;padding-left: 40px;background: url(../images/join_recruit_01.jpg) no-repeat center;background-size: cover;}
.join_recruit .intro .nimble em{font-family:'webfont-RUBIK-REGULAR';font-size: 28px;color: rgba(255,255,255,0.4);margin-bottom: 10px;text-transform: uppercase;}
.join_recruit .intro .nimble strong{font-size: 20px;color: #c9b27c;}
.join_recruit .intro .text{display: table-cell;vertical-align: top;width: 1300px;height: 570px;background: url(../images/join_recruit_00.jpg) no-repeat center;background-size: cover;}
.join_recruit .intro .text .con{width: 840px;height: 100%;padding: 50px 0px 50px 40px;box-sizing: border-box;}
.join_recruit .intro .text .con ul{font-size: 0px;display: table;}
.join_recruit .intro .text .con ul li{display: inline-table;vertical-align: top;margin-top: 30px;margin-left: 30px;}
.join_recruit .intro .text .con ul li:nth-child(-n+2){margin-top: 0px;}
.join_recruit .intro .text .con ul li:nth-child(2n+1){margin-left: 0px;}
.join_recruit .intro .text .con ul li:nth-child(1){background: url(../images/join_recruit_02.jpg) no-repeat center;background-size: cover;}
.join_recruit .intro .text .con ul li:nth-child(2){background: url(../images/join_recruit_03.jpg) no-repeat center;background-size: cover;}
.join_recruit .intro .text .con ul li:nth-child(3){background: url(../images/join_recruit_04.jpg) no-repeat center;background-size: cover;}
.join_recruit .intro .text .con ul li:nth-child(4){background: url(../images/join_recruit_05.jpg) no-repeat center;background-size: cover;}
.join_recruit .intro .text .con ul li a{width: 374px;height: 220px;display: table-cell;vertical-align: middle;}
.join_recruit .intro .text .con ul li a img{height: 62px;margin: 20px auto;position: relative;}
.join_recruit .intro .text .con ul li a strong{font-size: 20px;color:#fffae9;text-align: center;margin: 12px 0;}
.join_recruit .intro .text .con ul li a em{font-family:'webfont-RUBIK-REGULAR';font-size: 14px;color: rgba(255,255,255,0.3);text-transform: uppercase;text-align: center;margin: 12px 0;}

/*join_recruit_school*/
.join_recruit_school{width: auto;}
.join_recruit_school .wrap{padding: 0;width: auto;margin: 0;background-color: rgb(248,248,248);}
.join_recruit_school .slide{height: 575px;position: relative;overflow: hidden;z-index: 1;}
.join_recruit_school .slide .btn{position: absolute;z-index: 3;top: 50%;margin-top: -28px;width: 56px;height: 56px;background-color: rgb(245,230,217);background-repeat: no-repeat;background-position: center;opacity: 0;color: transparent;cursor: pointer;-webkit-transition: all 400ms;transition: all 400ms;}
.join_recruit_school .slide .btn.prev{left: 0px;background-image: url(../images/about_strategy_left.png);}
.join_recruit_school .slide .btn.next{right: 0px;background-image: url(../images/about_strategy_right.png);}
.join_recruit_school .slide:hover .btn{opacity: 1;}
.join_recruit_school .slide .btn:hover{background-color: rgb(239,214,191);}
.join_recruit_school .slide .hd{height: 12px;position: absolute;z-index: 2;bottom: 55px;left: 0;right: 0;margin-left: auto;margin-right: auto;width: 1280px;text-align: center;}
.join_recruit_school .slide .hd ul{display: inline-block;text-align: center;}
.join_recruit_school .slide .hd ul li{display: inline-block;vertical-align: top;width: 12px;height: 12px;background-color: #fff;border-radius: 6px;margin: 0 6px;cursor: pointer;-webkit-transition: all 400ms;transition: all 400ms;}
.join_recruit_school .slide .hd ul li.on{width: 30px;background-color: rgb(235,9,35);}
.join_recruit_school .slide .bd li{position: relative;height: 575px;width: 100%;background-repeat: no-repeat;background-position: center 80px;background-attachment: fixed;}
.join_recruit_school .slide .bd li button{cursor: pointer; color: transparent; position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 60px; height: 60px; background: #fff url(../images/about_brand_video_play.png) no-repeat 21px center; -webkit-transition: all 400ms;transition: all 400ms; border-radius: 30px;opacity: 0;}
.join_recruit_school .slide .bd li:hover button{opacity: 1;background-color: rgb(235,9,35); background-image: url(../images/about_brand_video_play_hover.png);}
.join_recruit_school .inbox{background:url("../images/join_recruit_school_bg.jpg") no-repeat center 460px;}
.join_recruit_school .inbox .w1280{width: 1280px;margin: 0 auto;}
.join_recruit_school .enrollment{padding: 70px 460px 0 460px;margin: 0 -460px;background: url(../images/join_recruit_school_03.jpg) no-repeat top;}
.join_recruit_school .enrollment h4{margin-bottom: 30px;}
.join_recruit_school .enrollment h4 em{font-family:'webfont-RUBIK-REGULAR';font-size: 34px;color: #fff;text-align: center;text-transform: uppercase;margin-bottom: 16px;}
.join_recruit_school .enrollment h4 strong{font-size: 24px;color: #fff;text-align: center;}
.join_recruit_school .enrollment .post{padding: 50px 40px;background-color: #fff; overflow:hidden;}
.join_recruit_school .enrollment .post ul{font-size: 0px; width:1221px;}
.join_recruit_school .enrollment .post ul li{display: inline-block;vertical-align: top;}
.join_recruit_school .enrollment .post ul li a{position: relative;display: table;width: 386px;height: 180px;margin:0 21px 21px 0;box-sizing: border-box;border: 2px solid #ece4d9;padding-left: 40px;-webkit-transition: all 400ms;transition: all 400ms;}
.join_recruit_school .enrollment .post ul li a h5{display: table-cell;vertical-align: middle;position: relative;z-index: 2;}
.join_recruit_school .enrollment .post ul li a h5 strong{font-size: 20px;color: rgb(255,168,0);margin: 18px 0;-webkit-transition: all 400ms;transition: all 400ms;}
.join_recruit_school .enrollment .post ul li a h5 em{font-family:'webfont-RUBIK-REGULAR';font-size: 18px;color: rgb(209,209,209);margin: 18px 0;-webkit-transition: all 400ms;transition: all 400ms;text-transform: capitalize;font-weight: 100;}
.join_recruit_school .enrollment .post ul li a .img{position: absolute;z-index: 1;right: 30px; bottom:0; top: 0; height:70px; width:50px; margin:auto 0;}
.join_recruit_school .enrollment .post ul li a .img img{height:100%; width:auto; position:absolute; right:0; max-width: none; -webkit-transition: all .4s; transition: all .4s;}
.join_recruit_school .enrollment .post ul li a .img .s{opacity:1; filter:alpha(opacity=100);}
.join_recruit_school .enrollment .post ul li a .img .h{opacity:0; filter:alpha(opacity=0);}
.join_recruit_school .enrollment .post ul li a:hover .img .s{opacity:0; filter:alpha(opacity=0);}
.join_recruit_school .enrollment .post ul li a:hover .img .h{opacity:1; filter:alpha(opacity=100);}
.join_recruit_school .enrollment .post ul li a:hover{border-color: rgb(255,168,0);}
.join_recruit_school .enrollment .post ul li a:hover h5 :first-child{color: rgb(235,9,35);}
.join_recruit_school .video_wr{margin-top:66px; padding:56px 40px 20px; background:#fff; overflow:hidden;}
.join_recruit_school .video_wr h4{padding-bottom: 25px;}
.join_recruit_school .video_wr h4 em{font-family:'webfont-RUBIK-REGULAR';font-size: 34px;color: rgb(153,153,153);text-align: center;text-transform: uppercase;margin-bottom: 16px;}
.join_recruit_school .video_wr h4 strong{font-size: 24px;color: rgb(235,9,35);text-align: center;}
.join_recruit_school .video_wr .list{width:1221px;}
.join_recruit_school .video_wr .box{float:left; margin:0 21px 20px 0; width:386px; height:232px; position:relative; overflow:hidden;}
.join_recruit_school .video_wr .box .btn{position:absolute; left:50%; top:50%; width:60px; height:60px; margin:-30px 0 0 -30px; background:#fff url("../images/icon_play.png") no-repeat 20px center; border-radius: 50%;}
.join_recruit_school .video_wr .box:hover img{-webkit-transform: scale(1.05,1.05);transform: scale(1.05,1.05);-webkit-transition: all 4000ms ease-out;transition: all 4000ms ease-out;}
.join_recruit_school .more{display:none; cursor: pointer;margin-top: 40px;margin-left: auto;margin-right: auto;height: 60px;font-size: 0px;text-align: center;line-height: 60px;background-color: rgb(255,247,238);-webkit-transition: all 400ms;transition: all 400ms;}
.join_recruit_school .more div{display: inline-block;vertical-align: middle;width: 10px;height: 10px;background-color: rgb(235,9,35);margin: 0 5px;border-radius: 10px;-webkit-transition: all 400ms;transition: all 400ms;}
.join_recruit_school .more{-webkit-transition: all 400ms;transition: all 400ms;}
.join_recruit_school .more div{-webkit-transition: all 400ms;transition: all 400ms;}
.join_recruit_school .more:hover{background-color: rgb(235,9,35);}
.join_recruit_school .more:hover div{background-color: rgb(255,255,255);}
.join_recruit_school .solution{padding-top: 70px;padding-bottom: 50px;}
.join_recruit_school .solution h4{margin-bottom: 30px;}
.join_recruit_school .solution h4 em{font-family:'webfont-RUBIK-REGULAR';font-size: 34px;color: rgb(153,153,153);text-align: center;text-transform: uppercase;margin-bottom: 16px;}
.join_recruit_school .solution h4 strong{font-size: 24px;color: rgb(235,9,35);text-align: center;}
.join_recruit_school .solution .infobar{margin-bottom: 30px;border-radius: 33px;background-color: #fff;}
.join_recruit_school .solution .infobar h5{height: 66px;border-radius: 33px;padding: 0 40px 0 110px;background-color: #fff;line-height: 66px;font-size: 18px;color: rgb(85,85,85);cursor: pointer;background-color: rgb(255,255,255);background-repeat: no-repeat;background-position: left 40px center,right 40px center;-webkit-transition: all 400ms;transition: all 400ms;}
.join_recruit_school .solution .infobar.process h5{background-image: url(../images/join_recruit_school_05.png),url(../img/join/join_recruit_school_12.png);}
.join_recruit_school .solution .infobar.obj h5{background-image: url(../images/join_recruit_school_06.png),url(../img/join/join_recruit_school_12.png);}
.join_recruit_school .solution .infobar.promote h5{background-image: url(../images/join_recruit_school_07.png),url(../img/join/join_recruit_school_12.png);}
.join_recruit_school .solution .infobar.company h5{background-image: url(../images/join_recruit_school_08.png),url(../img/join/join_recruit_school_12.png);}
.join_recruit_school .solution .infobar.on h5{background-color: rgb(255,168,0);color: #fff;}
.join_recruit_school .solution .infobar.on.process h5{background-image: url(../images/join_recruit_school_05_on.png),url(../img/join/join_recruit_school_09.png);}
.join_recruit_school .solution .infobar.on.obj h5{background-image: url(../images/join_recruit_school_06_on.png),url(../img/join/join_recruit_school_09.png);}
.join_recruit_school .solution .infobar.on.promote h5{background-image: url(../images/join_recruit_school_07_on.png),url(../img/join/join_recruit_school_09.png);}
.join_recruit_school .solution .infobar.on.company h5{background-image: url(../images/join_recruit_school_08_on.png),url(../img/join/join_recruit_school_09.png);}
.join_recruit_school .solution .infobar.process .qa{display: block;}
.join_recruit_school .solution .infobar .qa{padding: 40px 40px 50px 40px;display: none;}
.join_recruit_school .solution .infobar .qa>p:first-child{margin-top: 0px;}
.join_recruit_school .solution .infobar .qa>p:first-child strong{color: rgb(85,85,85);line-height: 1.74em;}
.join_recruit_school .solution .infobar .qa ul{font-size: 0px;}
.join_recruit_school .solution .infobar .qa ul li{margin-top: 20px;padding-bottom: 15px;border-bottom: 2px solid rgb(246,239,229);}
.join_recruit_school .solution .infobar .qa ul li:nth-child(1){margin-top: 0px;}
.join_recruit_school .solution .infobar .qa ul li h6{font-size: 14px;color: rgb(85,85,85);line-height: 1.74em;padding-left: 30px;position: relative;margin-bottom: 10px;}
.join_recruit_school .solution .infobar .qa ul li h6::before{content: "Q";font-family:'webfont-RUBIK-REGULAR';font-size: 14px;color: rgb(255,168,0);position: absolute;z-index: 1;top: 0;left: 0;line-height: 24px;font-weight: bold;}
.join_recruit_school .solution .infobar .qa ul li h6::after{content: ":";font-family:'webfont-RUBIK-REGULAR';font-size: 16px;color: rgb(235,9,35);position: absolute;z-index: 2;top: 0;left: 16px;line-height: 22px;font-weight: bold;}
.join_recruit_school .solution .infobar .qa ul li p{margin: 0px;}
.join_recruit_school .solution .infobar .qa ul li div{position: relative;padding-left: 30px;position: relative;}
.join_recruit_school .solution .infobar .qa ul li div::before{content: "A";font-family:'webfont-RUBIK-REGULAR';font-size: 14px;color: rgb(235,9,35);position: absolute;z-index: 1;top: 0;left: 0;line-height: 24px;font-weight: bold;}
.join_recruit_school .solution .infobar .qa ul li div::after{content: ":";font-family:'webfont-RUBIK-REGULAR';font-size: 16px;color: rgb(235,9,35);position: absolute;z-index: 2;top: 0;left: 16px;line-height: 22px;font-weight: bold;}

/*join_recruit_intern*/
/*.join_recruit_intern{margin-bottom: 10px;}*/
.join_recruit_intern .wrap{padding-top: 0px;background-color: rgb(248,248,248);}
.join_recruit_intern .topimg{height: 575px;padding: 0 460px;margin: 0 -460px;position: relative;background: url(../images/join_recruit_intern_02.jpg) no-repeat center 80px fixed;}
/*.join_recruit_intern .topimg img{position: absolute;z-index: 1;width: 2200px;height: 575px;top: 0;left: 0;}*/
.join_recruit_intern .topimg .search{width: 600px;height: 66px;position: absolute;z-index: 2;top: 0;bottom: 0;left: 0;right: 0;margin: auto;font-size: 0px;}
.join_recruit_intern .topimg .search input{width: 460px;height: 66px;display: inline-block;vertical-align: top;box-sizing: border-box;padding: 0 30px;background-color: rgba(255,255,255,0.6);color: rgb(153,153,153);}
.join_recruit_intern .topimg .search button{display: inline-block;vertical-align: top;width: 140px;height: 66px;background: rgb(255,168,0) url(../images/join_recruit_intern_01.png) no-repeat center;color: transparent;cursor: pointer;-webkit-transition: all 400ms;transition: all 400ms;}
.join_recruit_intern .topimg .search button:hover{background-color: rgb(235,9,35);}
.join_recruit_intern .intern{padding: 70px 460px 80px 460px;margin: 0 -460px;background: url(../images/join_recruit_school_03.jpg) no-repeat top;}
.join_recruit_intern .intern h4{margin-bottom: 30px;}
.join_recruit_intern .intern h4 em{font-family:'webfont-RUBIK-REGULAR';font-size: 34px;color: #fff;text-align: center;text-transform: uppercase;margin-bottom: 16px;}
.join_recruit_intern .intern h4 strong{font-size: 24px;color: #fff;text-align: center;}
.join_recruit_intern .intern .post{padding: 50px 40px;background-color: #fff;}
.join_recruit_intern .intern .post ul{font-size: 0px;}
.join_recruit_intern .intern .post ul li{cursor: pointer;display: inline-block;vertical-align: top;position: relative;width: 590px;height: 100px;margin-top: 20px;margin-left: 20px;box-sizing: border-box;padding-left: 30px;padding-right: 100px;background-color: rgb(248,248,248);}
.join_recruit_intern .intern .post ul li:nth-child(-n+2){margin-top: 0px;}
.join_recruit_intern .intern .post ul li:nth-child(2n+1){margin-left: 0px;}
.join_recruit_intern .intern .post ul li h5{font-size: 20px;color: rgb(255,168,0);margin-top: 25px;margin-bottom: 15px;-webkit-transition: all 400ms;transition: all 400ms;}
.join_recruit_intern .intern .post ul li h6{font-size: 0px;}
.join_recruit_intern .intern .post ul li h6 div{display: inline-block;vertical-align: top;font-size: 14px;color: rgb(117,115,120);padding-right: 40px;}
.join_recruit_intern .intern .post ul li h6 div.centre{padding-right: 0px;}
.join_recruit_intern .intern .post ul li button{position: absolute; top: 0; bottom: 0; right: 36px; margin-top: auto; margin-bottom: auto; width: 36px; height: 36px; border-radius: 36px;color: transparent;box-sizing: border-box; border: 2px solid rgb(214,214,214); background: url(../images/about_party_04.png) no-repeat center/20px auto;cursor: pointer;-webkit-transition: all 400ms;transition: all 400ms;}
.join_recruit_intern .intern .post ul li:hover h5{color: rgb(235,9,35);}
.join_recruit_intern .intern .post ul li:hover button{border-color: rgb(235,9,35);background-image: url(../images/about_party_05.png);}
.join_recruit_intern .more{cursor: pointer;margin-top: 40px;margin-left: auto;margin-right: auto;height: 60px;font-size: 0px;text-align: center;line-height: 60px;background-color: rgb(255,247,238);-webkit-transition: all 400ms;transition: all 400ms;}
.join_recruit_intern .more div{display: inline-block;vertical-align: middle;width: 10px;height: 10px;background-color: rgb(235,9,35);margin: 0 5px;border-radius: 10px;-webkit-transition: all 400ms;transition: all 400ms;}
.join_recruit_intern .more{-webkit-transition: all 400ms;transition: all 400ms;}
.join_recruit_intern .more div{-webkit-transition: all 400ms;transition: all 400ms;}
.join_recruit_intern .more:hover{background-color: rgb(235,9,35);}
.join_recruit_intern .more:hover div{background-color: rgb(255,255,255);}
.intern_dislog{display: none;position: fixed;z-index: 1000;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,0.6);}
.intern_dislog .box{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 800px;height: 540px;background-color: #fff;}
.intern_dislog .box button{position: absolute;top: 0;right: -56px;width: 56px;height: 56px;cursor: pointer;background:rgb(239,214,191) url(../images/business_estate_09.png) no-repeat center;color: transparent;}
.intern_dislog .box .text{width: 800px;height: 540px;background-color: #fff;box-sizing: border-box;padding: 50px 40px;}
.intern_dislog .box .text h5{font-size: 20px;color: rgb(235,9,35);margin-bottom: 15px;}
.intern_dislog .box  h6{font-size: 0px;padding-bottom: 15px;border-bottom: 4px solid rgb(246,239,229);margin-bottom: 30px;}
.intern_dislog .box  h6 div{display: inline-block;vertical-align: top;font-size: 14px;color: rgb(117,115,120);padding-right: 40px;}
.intern_dislog .box  div.centre{padding-right: 0px;}
.intern_dislog .box .request{margin: 30px 0;max-height: 256px;overflow: auto;}
.intern_dislog .box .request::-webkit-scrollbar-thumb{background-color: rgb(246,239,229);}
.intern_dislog .box .request p{font-size: 14px;color: rgb(117,115,120);line-height: 1.74em;}
.intern_dislog .box .request p strong{color: rgb(85,85,85);line-height: 1.74em;margin: 20px 0 10px 0;}
.intern_dislog .box .request p:first-child strong{margin: 0 0 10px 0;}
.intern_dislog .box .email{display: inline-block;padding:0 46px;height: 54px;line-height: 54px;font-size: 14px;color: #fff;background-color: rgb(201,178,124);}

/*contact_hotline*/
/*.contact_hotline .wrap{padding-bottom: 80px;}
.contact_hotline .hotline{font-size: 0px;margin-bottom: 80px;}
.contact_hotline .hotline .left{display: inline-block;vertical-align: top;width: 470px;}
.contact_hotline .hotline .left h4{font-size: 14px;color: rgb(235,9,35);padding-bottom: 16px;border-bottom: 2px solid rgb(243,239,224);margin-bottom: 10px;}
.contact_hotline .hotline .left .method>div p{font-size: 14px;color: rgba(79,79,79,0.7);margin: 0;}
.contact_hotline .hotline .right{display: inline-block;vertical-align: top;width: 810px;box-sizing: border-box;padding-left: 110px;}
.contact_hotline .hotline .right ul{border-bottom: 2px solid rgb(243,239,224);}
.contact_hotline .hotline .right li{display: inline-block;vertical-align: top;margin-right: 24px;margin-bottom: 16px;}
.contact_hotline .hotline .right li h4{font-size: 14px;color: #9d9281;cursor: pointer;-webkit-transition: all 400ms;transition: all 400ms;}
.contact_hotline .hotline .right li.on h4{color: rgb(235,9,35);}
.contact_hotline .hotline .right .method>div{display: inline-table;vertical-align: top;margin-top: 15px;width: 350px;height: 46px;box-sizing: border-box;padding-left: 64px;padding-right: 50px;}
.contact_hotline .hotline .right .method>div.linkman{background: url(../images/contact_report_05.png) no-repeat left center;}
.contact_hotline .hotline .right .method>div.phone{background: url(../images/contact_report_01.png) no-repeat left center;}
.contact_hotline .hotline .right .method>div.email{background: url(../images/contact_report_04.png) no-repeat left center;}
.contact_hotline .hotline .right .method>div p{margin: 0;display: table-cell;vertical-align: middle;font-size: 14px;color: rgba(79,79,79,0.7);}
.contact_hotline .items{font-size: 0px;}
.contact_hotline .items ul li{display: inline-table;vertical-align: top;margin-top: 40px;margin-left: 12px;width: 311px;height: 210px;box-sizing: border-box;padding: 0 20px;background-color: rgb(248,248,248);-webkit-transition: all 400ms;transition: all 400ms;}
.contact_hotline .items ul li:nth-child(-n+4){margin-top: 0;}
.contact_hotline .items ul li:nth-child(4n+1){margin-left: 0;}
.contact_hotline .items ul li .box{display: table-cell;vertical-align: middle;text-align: center;}
.contact_hotline .items ul li h5{font-size: 20px;color: rgb(85,85,85);line-height: 1.4em;}
.contact_hotline .items ul li .city{font-size: 14px;color: rgb(255,168,0);margin: 5px 0 10px 0;}
.contact_hotline .items ul li h6{font-family:'webfont-RUBIK-REGULAR';font-size: 24px;color: rgb(235,9,35);line-height: 0.8em;margin: 10px 0 15px 0;}
.contact_hotline .items ul li .address{margin-top: 15px;}
.contact_hotline .items ul li .address div{font-size: 14px;color: rgb(85,85,85);line-height: 1.74em;}
.contact_hotline .items ul li .address p{margin: 0;}
.contact_hotline .items ul li:hover{background-color: rgb(255,247,238);}
.contact_hotline .items .more{cursor: pointer;margin-top: 40px;margin-left: auto;margin-right: auto;height: 60px;font-size: 0px;text-align: center;line-height: 60px;background-color: rgb(255,247,238);-webkit-transition: all 400ms;transition: all 400ms;}
.contact_hotline .items .more div{display: inline-block;vertical-align: middle;width: 10px;height: 10px;background-color: rgb(235,9,35);margin: 0 5px;border-radius: 10px;-webkit-transition: all 400ms;transition: all 400ms;}
.contact_hotline .items .more{-webkit-transition: all 400ms;transition: all 400ms;}
.contact_hotline .items .more div{-webkit-transition: all 400ms;transition: all 400ms;}
.contact_hotline .items .more:hover{background-color: rgb(235,9,35);}
.contact_hotline .items .more:hover div{background-color: rgb(255,255,255);}*/

.contact_hotline .inwrap{font-size: 0px;position: relative;z-index: 2;}
.contact_hotline .inwrap .sitebar{display: table-cell;vertical-align: top;width: 460px;box-sizing: border-box;padding: 50px 40px;background-color: rgb(252,250,244);background-image: linear-gradient(-45deg,rgb(255,255,255) 60%,rgb(252,250,244) 100%);}
.contact_hotline .inwrap .sitebar h5 strong{font-size: 20px;color: #9e630e;margin-top: 20px;margin-bottom: 18px;}
.contact_hotline .inwrap .sitebar h5 em{font-family:'webfont-RUBIK-REGULAR';font-size: 18px;color: rgb(213,213,213);line-height: 1.2em;}
.contact_hotline .inwrap .sitebar .img{position: relative;margin-top: 45px;width: 360px;}
.contact_hotline .inwrap .sitebar .img div{width: 420px;height: 120px;box-sizing: border-box;padding-left: 30px;display: table;background:rgb(235,9,35) url(../images/contact_hotline_01.png) no-repeat right 46px center;}
.contact_hotline .inwrap .sitebar .img div h3{display: table-cell;vertical-align: middle;}
.contact_hotline .inwrap .sitebar .img div h3 strong{margin: 15px 0;font-size: 20px;color: #fff;}
.contact_hotline .inwrap .sitebar .img div h3 em{margin: 15px 0;font-size: 16px;color: rgba(255,255,255,0.5);text-transform: uppercase;}
.contact_hotline .inwrap .hotline{display: table-cell;vertical-align: top;width: 820px;}
.contact_hotline .inwrap .hotline .box{width: 760px;padding: 50px 460px 80px 60px;margin-right: -460px;background-color: rgb(245,245,245);background-image: linear-gradient(0deg,rgb(255,255,255) 50%,rgb(245,245,245) 100%);}
.contact_hotline .inwrap .hotline h2{font-size: 24px;color: rgb(85,85,85);}
.contact_hotline .inwrap .hotline .method{padding-top: 45px;font-size: 0;}
.contact_hotline .inwrap .hotline .method div{display: inline-table;vertical-align: top;margin-top: 30px;box-sizing: border-box;padding-left: 50px;height: 40px;}
.contact_hotline .inwrap .hotline .method div:nth-child(-n+2){margin-top: 0;}
.contact_hotline .inwrap .hotline .method div:nth-child(2n+1){width: 310px;}
.contact_hotline .inwrap .hotline .method div:nth-child(2n){width: 390px;}
.contact_hotline .inwrap .hotline .method div.phone{background: url(../images/contact_report_01.png) no-repeat left center;}
.contact_hotline .inwrap .hotline .method div.address{background: url(../images/contact_hotline_03.png) no-repeat left center;}
.contact_hotline .inwrap .hotline .method div.fax{background: url(../images/contact_report_04.png) no-repeat left center;}
.contact_hotline .inwrap .hotline .method div.email{background: url(../images/contact_hotline_04.png) no-repeat left center;}
.contact_hotline .inwrap .hotline .method div p{display: table-cell;vertical-align: middle;margin: 0;color: rgba(79,79,79,0.7);}
.contact_hotline .inwrap .hotline .method div p strong{display: inline;font-family:'webfont-RUBIK-REGULAR';font-size: 24px;color: rgb(255,168,0);vertical-align: middle;}
.contact_hotline .inwrap .hotline ul{margin-top: 53px;padding-top: 42px;position: relative;}
.contact_hotline .inwrap .hotline ul::before{content: "";display: block;position: absolute;top: 0;left: -60px;width: 1300px;height: 2px;background-color: rgb(237,226,208);}
.contact_hotline .inwrap .hotline ul li{display: inline-block;vertical-align: top;margin-top: 40px; position:relative;}
.contact_hotline .inwrap .hotline ul li .ma{position:absolute; left:168px; top:0; width:80px; height:80px; border:1px solid #ffa900; padding:5px; box-sizing: border-box;}
.contact_hotline .inwrap .hotline ul li .ma img{max-width: 100%; max-height: 100%;}
.contact_hotline .inwrap .hotline ul li:nth-child(-n+2){margin-top: 0;}
.contact_hotline .inwrap .hotline ul li:nth-child(2n+1){width: 310px;}
.contact_hotline .inwrap .hotline ul li:nth-child(2n){width: 390px;}
.contact_hotline .inwrap .hotline ul li h4{font-size: 18px;color: #c9b27c;margin-bottom: 14px;}
.contact_hotline .inwrap .hotline ul li p{margin: 0;line-height: 2em;color: rgb(102,102,102);}

/*contact_report*/
.contact_report .intro{padding:0px 460px 80px 460px;margin:0px -460px;background: url(../images/about_speech_04.jpg) no-repeat center bottom;font-size: 0px;}
.contact_report .intro .box{width: 1740px;}
.contact_report .intro .nimble{display: table-cell;vertical-align: top;width: 440px;height: 640px;position: relative;background-color: rgb(252,250,244);background-image: linear-gradient(135deg,rgb(252,250,244) 0%,rgb(255,255,255) 70%);}
.contact_report .intro .nimble::before{display: none;}
.contact_report .intro .nimble h5{width: 380px;}
.contact_report .intro .nimble h5 strong{font-size: 20px;color: #9e630e;margin-top: 20px;margin-bottom: 18px;}
.contact_report .intro .nimble h5 em{font-family:'webfont-RUBIK-REGULAR';font-size: 18px;color: rgb(213,213,213);line-height: 1.2em;}
.contact_report .intro .nimble .img{margin-top: 20px;width: 360px;height: 300px;box-sizing: border-box;padding: 50px 20px 0 20px;background: url(../images/contact_report_06.jpg) no-repeat center;border-radius: 4px;text-align: right;}
.contact_report .intro .nimble .img em{font-family:'webfont-RUBIK-REGULAR';font-size: 30px;color: rgb(226,208,170);margin-bottom: 10px;}
.contact_report .intro .nimble .img strong{font-size: 20px;color: #c9b27c;}
.contact_report .intro .text{display: table-cell;vertical-align: top;width: 1300px;height: 640px;background: url(../images/about_speech_03.jpg) no-repeat center;background-size: cover;}
.contact_report .intro .text .con{width: 840px;height: 100%;box-sizing: border-box;padding: 60px 0px 60px 50px;}
.contact_report .intro .text .con p{margin: 0;}
.contact_report .intro .text .con .ps h3{font-size: 16px;color: rgb(235,9,35);margin-bottom: 10px;}
.contact_report .intro .text .con .ps p{color: #79674c;}
.contact_report .intro .text .con .method{margin: 45px 0 25px 0;font-size: 0px;}
.contact_report .intro .text .con .method>div{display: inline-block;vertical-align: top;width: 230px;height: 65px;box-sizing: border-box;padding-left: 50px;padding-right: 30px;}
.contact_report .intro .text .con .method>div div{font-size: 14px;color: rgba(79,79,79,0.7);line-height: 1.4em;}
.contact_report .intro .text .con .method>div p{margin: 0;color: rgba(79,79,79,0.7);line-height: 1.4em;}
.contact_report .intro .text .con .method .phone{background: url(../images/contact_report_01.png) no-repeat left top/auto 30px;}
.contact_report .intro .text .con .method .wechat{background: url(../images/contact_report_02.png) no-repeat left top/auto 30px;}
.contact_report .intro .text .con .method .qq{background: url(../images/contact_report_03.png) no-repeat 8px top/auto 30px;}
.contact_report .intro .text .con .method .email{background: url(../images/contact_report_04.png) no-repeat left top/auto 30px;}
.contact_report .intro .text .con .method .acceptance{width: 460px;background: url(../images/contact_report_05.png) no-repeat left top/auto 30px;}
.contact_report .intro .text .con .notice h6{font-size: 14px;color: rgb(85,85,85);padding-bottom: 16px;border-bottom: 4px solid rgb(233,220,200);margin-bottom: 15px;}

.about_video_wr{width: 1280px; position: relative; z-index: 2;}
.about_video_wr .box{float:left; width:630px; height:360px; position:relative;}
.about_video_wr .box:first-child{margin-right: 20px;}
.about_video_wr .box .con{cursor: pointer; padding:50px 0 0 40px;}
.about_video_wr .box .con .ov{position: absolute;top: 0;left: 0;width: 630px;height: 360px;z-index: 1;overflow: hidden;}
.about_video_wr .box img{-webkit-transform-origin: center;transform-origin: center;-webkit-transition: all 400ms ease-out;transition: all 400ms ease-out;}
.about_video_wr .box h4{margin-top: 12px;position: relative;z-index: 3;}
.about_video_wr .box h4 em{line-height: 0.8em;font-family:'webfont-RUBIK-REGULAR';font-size: 34px;color: rgb(153,153,153);text-transform: uppercase;-webkit-transition: all 400ms;transition: all 400ms;}
.about_video_wr .box h4 strong{font-weight: bold; line-height: 0.8em;font-size: 24px;color: rgb(235,9,35);margin-top: 15px;-webkit-transition: all 400ms;transition: all 400ms;}
.about_video_wr .box button{cursor: pointer;color: transparent;position: absolute;z-index: 4;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 60px;height: 60px;background:#fff url(../images/about_brand_video_play.png) no-repeat 21px center;-webkit-transition: all 400ms;transition: all 400ms;border-radius: 30px;}
.about_video_wr .box:hover img{-webkit-transform: scale(1.05,1.05);transform: scale(1.05,1.05);-webkit-transition: all 4000ms ease-out;transition: all 4000ms ease-out;}
.about_video_wr .box:hover button{background-color: rgb(235,9,35);background-image: url(../images/about_brand_video_play_hover.png);}
.about_video_wr .rbg{position: absolute;z-index: 1;top: 0;right: -460px;width: 460px;height: 100%;background: url(../images/about_strategy_04.jpg) no-repeat center;background-size: cover;}


.csr_list .title{font-size: 0px;text-align: center;height: 36px;}
.csr_list .title a{display: inline-block;vertical-align: top;padding: 0 24px;height: 36px;line-height: 36px;margin: 0 5px;font-size: 14px;color: rgb(153,153,153);background-color: rgb(249,247,247);border-radius: 36px;-webkit-transition: all 400ms;transition: all 400ms;}
.csr_list .title a.on{background-color: rgb(255,168,0);color: #fff;}
.csr_list .title a:hover{background-color: rgb(255,168,0);color: #fff;}

.csr_list_d .title{font-size: 0px;text-align: center;height: 36px;}
.csr_list_d .title a{display: inline-block;vertical-align: top;padding: 0 24px;height: 36px;line-height: 36px;margin: 0 5px;font-size: 14px;color: rgb(153,153,153);background-color: rgb(249,247,247);border-radius: 36px;-webkit-transition: all 400ms;transition: all 400ms;}
.csr_list_d .title a.on{background-color: rgb(255,168,0);color: #fff;}
.csr_list_d .title a:hover{background-color: rgb(255,168,0);color: #fff;}



/*.content.about_group .wrap,.content.about_speech .wrap,.content.about_strategy .wrap,.content.about_brand_video .wrap,.content.about_brand_album .wrap,.content.about_brand_journal .wrap,.content.about_milestone .wrap,.content.about_honor .wrap,.content.about_speech .wrap,.content.about_speech .wrap,.content.about_speech .wrap{padding-bottom: 0;}*/




.sub_ban{position:relative; height:640px;}
.sub_ban .item{background:no-repeat center 80px fixed; height:640px; width:100%; padding: 0; margin: 0;}
.sub_ban .toggle{position: absolute;z-index: 3;top: 50%;margin-top: -28px;width: 56px;height: 56px;background-color: rgb(245,230,217);background-repeat: no-repeat;background-position: center;opacity: 0;color: transparent;cursor: pointer;-webkit-transition: all 400ms;transition: all 400ms;}
.sub_ban .toggle.prev{left: 0px;background-image: url(../images/about_strategy_left.png);}
.sub_ban .toggle.next{right: 0px;background-image: url(../images/about_strategy_right.png);}
.sub_ban:hover .toggle{opacity: 1;}
.sub_ban .toggle:hover{background-color: rgb(239,214,191);}



.page {text-align:center; width:100%;margin:40px 0 15px 0; font-size:12px;}
.page a,.page span {display:inline-block;padding:7px 10px 6px 10px;border:#E4E4E4 1px solid;margin:2px 4px;color:#666;text-decoration:none;cursor:pointer;border-radius:3px; background:#fff;}
.page a:hover{border:#0074c1 1px solid;color:#FFF;background:#0074c1;border-radius:3px;}
.page span.current{display:inline-block;padding:7px 10px 6px 10px;color:#FFF;background:#0074c1;border:#0074c1 1px solid;margin:2px 4px;border-radius:3px;}
.page span.no{border:1px #0074c1 solid;margin:2px;color:#FFF;background:#0074c1;text-decoration:none;border-radius:3px;}